A JSONP cross-origin request library
npm install http-jsonp
* 简体中文
A JSONP cross-origin request library
- Supports the Requests the Script
- State callback
- Cancel requests
| !Chrome | !Firefox | !Safari | !Opera | !Edge | !IE |
| :---: | :---: | :---: | :---: | :---: | :---: |
| Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 7+ ✔ |
Using npm:
``shell`
$ npm install --save http-jsonp
or Yarn:
`shell`
$ yarn add http-jsonp
Using cdn:
`html`
Performing a JsonpCallbck request
`javascript
import httpJsonp from "http-jsonp";
httpJsonp({
url: "/user",
params: {
ID: 123456
},
callbackProp: "callback",
callback: function(data) {
console.log("callback", data);
},
error: function(err) {
console.log(err);
},
complete: function() {
console.log("complete");
}
});
`
Performing a script request
`javascript
import httpJsonp from "http-jsonp";
httpJsonp({
url: "/lodash.js",
params: {
v: "3.8.0"
},
load: function() {
console.log("load", window._);
},
error: function(err) {
console.log("error");
},
complete: function() {
console.log("complete");
}
});
`
Requests can be made by passing the relevant options to httpJsonp.
##### httpJsonp(options)
`javascriptbaseURL
{
// will be prepended to url unless url is absolute.
baseURL: "", // baseURL: "https://example.com/api/"
// url is the server URL that will be used for the request.
url: "", // url: "/jsonpdata"
// params are the URL parameters to be sent with the request.(Includes Callback behavior)
params: {},
// callbackProp Specify which key in params is the callback behavior interface.params
// If a key value in is specified, the specified value overrides the default random name of callbackName
callbackProp: false, // default [false, callbackProp]
// callbackNamespase Namespace before callback name
// exmaple：
// "__httpJsonpCallback" = window.__httpJsonpCallback = {}
callbackNamespase: "__httpJsonpCallback", // default
// callbackName Callback name. (If not specified, a name is randomly generated)
callbackName: "",
// timeout specifies the number of milliseconds before the request times out.
timeout: 60000, // default
// script attribute
scriptAttr: {
type: "",
charset: "",
crossOrigin: null,
async: true,
defer: false
},
// Does the script tag remain when the request is completed.
keepScriptTag: false,
// callbackProp = "callback"
// When callbackProp exists, A function to be called if the callback is triggered.
callback: null,
// callbackProp = false
// When callbackProp is false, A function to be called if the request load complete.
load: null,
// A function to be called if the request fails.
error: null,
// A function to be called when the request finishes (after success and error callbacks are executed).
complete: null
}
``
MIT