{"_id":"@ampedweb/ajaxform","_rev":"1-deb2d03c2cc45fc63556cf8afe3db6ac","name":"@ampedweb/ajaxform","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@ampedweb/ajaxform","version":"0.0.1","description":"Simple, ajax form submit. Uses fetch api in modern browsers and falls back to XHR for older browsers.","repository":{"type":"git","url":"git+https://github.com/ampedweb/ajaxform.git"},"dependencies":{"deepmerge":"^4.2.2","del":"^5.1.0","whatwg-fetch":"^3.5.0"},"devDependencies":{"rollup":"^2.35.1","@babel/cli":"^7.12.10","@babel/core":"^7.12.10","@babel/polyfill":"^7.12.1","@babel/preset-env":"^7.12.11","@rollup/plugin-commonjs":"^15.1.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^9.0.0","gulp":"^4.0.2","gulp-babel":"^8.0.0","gulp-concat":"^2.6.1","gulp-rename":"^2.0.0","gulp-sourcemaps":"^2.6.5","gulp-uglify":"^3.0.2","rollup-plugin-babel":"^4.4.0"},"gitHead":"ac2df1beb699ab977a3adb8c7da2e3210d6672d4","bugs":{"url":"https://github.com/ampedweb/ajaxform/issues"},"homepage":"https://github.com/ampedweb/ajaxform#readme","_id":"@ampedweb/ajaxform@0.0.1","_nodeVersion":"10.7.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-DsEjZ8TfZWOehjUby81vLZ4cyJUV9OuAOlfvvjkOVjJ3J6qzX7u6cX46Tx91raOgWi2nQSNX+AY1WntsQFzFlw==","shasum":"710173219310d73b2ba8d60fb0c7dbc331c0063f","tarball":"https://registry.npmjs.org/@ampedweb/ajaxform/-/ajaxform-0.0.1.tgz","fileCount":21,"unpackedSize":18848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4Lr7CRA9TVsSAnZWagAADO8P+QDQ74Fpbj500C7w++gV\nb+Ket+1cAL92iw8rp0LqaUKDJK567P0Ww0e7A02vTcuiI7ZqcqHfMTi3rGEE\n+J2f4u57lwlye7M+AGstZ0DO5d9ru16e9DcgCqi7keino7hesoVlNb+R43No\n7ojck9jiYpNyt12py5reZA+sIUTq2lpH29hDFwcuoGMyKv9NLb7235wPqqhi\nH1rUNhDL4NW/4z0AJfHs04uiYW5p2+jxqDXe30s/Zgt2gkIXSoDvqiMyjnAx\nW8pRgUyIcCBG+j8wszWmeLG4Dc6N2RkGeRRQ3jEcVxJHvN7/ZWR/lw4CTVSO\nMFu5gYYiTK21dLktS1Znqe4v7LjkqX3cqi4orLbJZzbzJaE8TC1Dd8PKdef/\nNpRm+evKCUA7eTXpq/U5WztpgSNj57vVgom2QOjOXS3ySwTqnCj5CC/v+zhB\n56A1u4CQJADNPvZJGZG3UFRjxJRYPxXv6huUx3UPQjgXI7IWrDgPSyX5iNHC\nag1DF5V02RmmTKD2pVBGcE15PWSDN4WB6O3YL4LQfpqSKQzYf1dOdO7CJwns\nKeKKMlzO5of18tvbRFJ/R717MvUoCOMWLR1kXR+MnpruLzJ5XXIPuSKmBjxu\nuO2r0wXi3tMJN/dw2DEEmu/APsi9YRS9aipjf7eN0EQUG1JROK2nNGtyhw2Q\nWFik\r\n=vjdS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBXrJVmn4ZLHylictyQ4dAOY3j+6JKv5WQLQ4woJ0yRjAiA7fnVk7dTBo/mdfomFYW0A+0HsGxbDOVkuGn79n08ANA=="}]},"_npmUser":{"name":"ampedweb","email":"hosting@ampedwebdesign.co.uk"},"directories":{},"maintainers":[{"name":"ampedweb","email":"hosting@ampedwebdesign.co.uk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ajaxform_0.0.1_1608563450730_0.29508296659537137"},"_hasShrinkwrap":false}},"time":{"created":"2020-12-21T15:10:50.672Z","0.0.1":"2020-12-21T15:10:50.885Z","modified":"2022-04-04T13:51:25.810Z"},"maintainers":[{"name":"ampedweb","email":"hosting@ampedwebdesign.co.uk"}],"description":"Simple, ajax form submit. Uses fetch api in modern browsers and falls back to XHR for older browsers.","homepage":"https://github.com/ampedweb/ajaxform#readme","repository":{"type":"git","url":"git+https://github.com/ampedweb/ajaxform.git"},"bugs":{"url":"https://github.com/ampedweb/ajaxform/issues"},"readme":"Ajax Form - Yes, another one.\r\n============\r\n\r\nSimple, ajax form submit. Uses fetch api in modern browsers and falls back to XHR for older browsers.\r\n\r\nRequirements\r\n------------\r\nIE 11+\r\n\r\nFeatures\r\n--------\r\n* Fetch API\r\n* XHR Fallback for older browsers\r\n* Works off native form attributes.\r\n* Form expects response in valid JSON format.\r\n\r\nOptions (Defaults)\r\n---------\r\n    new AjaxForm(yourFormElementHere, {\r\n        \r\n        //Any headers that need to be sent with the request.\r\n        headers: {\r\n            \"X-Requested-With\": \"XMLHttpRequest\"\r\n        },\r\n\r\n        //Form credentials\r\n        credentials: 'same-origin',\r\n        \r\n        //Stop the usual page refresh after form submit\r\n        stopPageRefreshOnSubmit: true,\r\n\r\n        //Override the form elements action\r\n        action: null,\r\n        //Override the form elements method\r\n        method: null,\r\n        \r\n        //Callbacks if you don't want to use events.\r\n        callbackInitializeBefore: () => {\r\n            \r\n        },\r\n        callbackInitializeAfter: () => {\r\n        },\r\n        callbackRefreshBefore: () => {\r\n        },\r\n        callbackRefreshAfter: () => {\r\n        },\r\n        callbackDestroyBefore: () => {\r\n        },\r\n        callbackDestroyAfter: () => {\r\n        },\r\n        onFormSubmitErrorCallback: (responseJsonData, element) => {\r\n            \r\n        },\r\n        onFormSubmitSuccessCallback: (responseJsonData, element) => {\r\n    \r\n        },\r\n        beforeFormSubmitCallback: (element) => {\r\n    \r\n        },\r\n        afterFormSubmitCallback: (responseJsonData, element) => {\r\n    \r\n        }\r\n    }\r\n\r\nEvents \r\n---------\r\nAll events are fired on the form element supplied.\r\nEvents will contain \"responseJsonData\" and \"formElement\". Plugin expects response to be in JSON format\r\n\r\n* onFormSubmitSuccess\r\n* onFormSubmitError\r\n* beforeFormSubmit\r\n* afterFormSubmit\r\n\r\nGetting Started\r\n---------\r\n\r\n    const ajaxForm = new AjaxForm(yourFormElementHere, {\r\n        //In the contect of Laravel for example it might be useful to send these!\r\n        headers: {\r\n            \"X-CSRF-TOKEN\": document.querySelector(\"meta[name='csrf-token']\").getAttribute('content')\r\n        },\r\n\r\n        beforeFormSubmitCallback: (formElement) => {\r\n            //Best place to validate the form before it is submitted.\r\n        },\r\n        /**\r\n         *\r\n         * @param responseJsonData\r\n         * @param HTMLFormElement formElement\r\n         */\r\n        onFormSubmitErrorCallback: (responseJsonData, formElement) => {\r\n            \r\n            //Uh Oh! Something went wrong. Maybe display an error?\r\n\r\n        },\r\n        onFormSubmitSuccessCallback: (responseJsonData, formElement) => {\r\n\r\n            //Whoop Whoop! Your form submitted fine, display a success message here.\r\n\r\n        }\r\n    });","readmeFilename":"README.md"}