{"id":20650210,"url":"https://github.com/awebdesign/jquery-ajax-navigation","last_synced_at":"2026-05-15T12:33:20.622Z","repository":{"id":117322391,"uuid":"185866729","full_name":"awebdesign/jquery-ajax-navigation","owner":"awebdesign","description":"Ajax Navigation with ajax modals, ajax requests, confirmation messages, ajax form submit and notifications","archived":false,"fork":false,"pushed_at":"2019-07-16T09:27:15.000Z","size":210,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-22T00:33:17.626Z","etag":null,"topics":["ajax","ajax-form","ajax-modal","ajax-navigation","ajax-request","javascript","jquery"],"latest_commit_sha":null,"homepage":"https://www.awebdesign.ro","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/awebdesign.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-05-09T20:26:53.000Z","updated_at":"2020-05-04T02:48:13.000Z","dependencies_parsed_at":"2023-03-17T06:16:15.023Z","dependency_job_id":null,"html_url":"https://github.com/awebdesign/jquery-ajax-navigation","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/awebdesign/jquery-ajax-navigation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awebdesign%2Fjquery-ajax-navigation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awebdesign%2Fjquery-ajax-navigation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awebdesign%2Fjquery-ajax-navigation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awebdesign%2Fjquery-ajax-navigation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/awebdesign","download_url":"https://codeload.github.com/awebdesign/jquery-ajax-navigation/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awebdesign%2Fjquery-ajax-navigation/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33067293,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-15T11:35:32.926Z","status":"ssl_error","status_checked_at":"2026-05-15T11:35:31.362Z","response_time":103,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ajax","ajax-form","ajax-modal","ajax-navigation","ajax-request","javascript","jquery"],"created_at":"2024-11-16T17:18:31.744Z","updated_at":"2026-05-15T12:33:20.603Z","avatar_url":"https://github.com/awebdesign.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# jquery-ajax-navigation\n\u003ch3\u003eHTML Attributes\u003c/h3\u003e\n\u003cul\u003e\n    \u003cli\u003e\n        \u003cstrong\u003edata-ajax-nav=\"modal|modal-save|link\"\u003c/strong\u003e\n        \u003cbr/\u003edefault link\u003cbr/\u003e\n    the difference between modal and modal-save is that, modal save has a \"Save\" button listed in the modal windows which automatically submits the first form which is present in the modal box\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003edata-ajax-confirm=\"Your message here\"\u003c/strong\u003e\n        \u003cbr/\u003eConfirmation modal. If there is no message defined then the default one will be used (\"Are you sure?\")\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003edata-ajax-response=\"html|json\"\u003c/strong\u003e\n        \u003cbr/\u003eType of server response. Default is JSON\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003edata-ajax-container=\".class|#id|this|parent\"\u003c/strong\u003e\n        \u003cbr/\u003eThe container can have 'this' as a value, which means will take the current element as container, can have 'parent' which means will take the parent of the actual element or can be an id or class name. By default if the value does not starts with . or #, a # character will be put in front of the value\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003edata-ajax-replace=\".class|#id|this|parent\"\u003c/strong\u003e\n        \u003cbr/\u003eThe container which will be replace with the content received from the server. The container replacement can have 'this' as a value, which means will take the current element as container, can have 'parent' which means will take the parent of the actual element or can be an id or class name. By default if the value does not starts with . or #, a # character will be put in front of the value. When using this attribute, data-ajax-container will be ignored\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003edata-ajax-extract=\".class|#id\"\u003c/strong\u003e\n        \u003cbr/\u003eIf we need to extract only a single element from the whole html content response then we can use this attribute and as a value we can define what element we want to extract. By default if the value does not starts with . or #, a # character will be put in front of the value\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003edata-ajax-push=\"true|false\"\u003c/strong\u003e\n        \u003cbr/\u003eBrowser history push. Default false\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003edata-ajax-scroll=\"true|false\"\u003c/strong\u003e\n        \u003cbr/\u003eIf the attribute is present then after the request the page will automatically scroll to that element\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003edata-ajax-trigger=\".class|#id\"\u003c/strong\u003e\n        \u003cbr/\u003eIf we need to trigger another ajax-nav element then we can use this attribute and as a value we can define the id or class name of the element we want to trigger. By default if the value does not starts with . or #, a # character will be put in front of the value\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003edata-ajax-callback=\"functionNameHere\"\u003c/strong\u003e\n        \u003cbr/\u003eYou can specify your custom callback function/method here and also you can use \"this\" inside the function/method. By default if there are no params sent you will receive \"options\" and \"response\" param\n    \u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cbr/\u003e\n\n\u003ch3\u003eServer Response\u003c/h3\u003e\nThe server can repond with HTML or JSON. In order to proccess the output the library needs to know the type of the response which can be done with data-ajax-response=\"html\" else will threat all the responses as JSON.\u003cbr/\u003e\nIn case of JSON, here are a few values which can be sent:\u003cbr/\u003e\u003cbr/\u003e\n\u003cul\u003e\n    \u003cli\u003e\n        \u003cstrong\u003eredirect\u003c/strong\u003e\n        \u003cbr/\u003eredirects to a specific link\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003ealert\u003c/strong\u003e\n        \u003cbr/\u003etriggers an alert message\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003econtent\u003c/strong\u003e\n        \u003cbr/\u003eis the actual content which will be shown\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003esuccess\u003c/strong\u003e\n        \u003cbr/\u003ewill mark the operation as done and will close the modal box\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003enotifications\u003c/strong\u003e\n        \u003cbr/\u003eshould be an array or object which can containt the following indexes \u003cb\u003e['success', 'info', 'warning', 'danger']\u003c/b\u003e and the value can be an \u003cb\u003earray\u003c/b\u003e for multiple messages at once or can be a \u003cb\u003estring\u003c/b\u003e for a single message per type. The library will trigger and a message for each value found\n    \u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cbr/\u003e\n\u003ch3\u003e3rd Party Libraries\u003c/h3\u003e\n\u003cul\u003e\n    \u003cli\u003e\n        \u003cstrong\u003eBootstrap Validator\u003c/strong\u003e\n        \u003cbr/\u003e\u003ca target=\"_blank\" href=\"https://github.com/1000hz/bootstrap-validator\"\u003eGit hub 1000hz/bootstrap-validator\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003eBootstrap Notify\u003c/strong\u003e\n        \u003cbr/\u003e\u003ca target=\"_blank\" href=\"https://github.com/mouse0270/bootstrap-notify\"\u003eGit hub mouse0270/bootstrap-notify\u003c/a\u003e\n    \u003c/li\u003e\n\u003c/ul\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawebdesign%2Fjquery-ajax-navigation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fawebdesign%2Fjquery-ajax-navigation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawebdesign%2Fjquery-ajax-navigation/lists"}