webmodules/jsonp

A simple JSONP implementation

jsonp

A simple JSONP implementation.

Installation

Install for node.js or browserify using npm:

$ npm install jsonp

Install for component(1) using component:

$ component install LearnBoost/jsonp

Install for browser using bower:

$ bower install jsonp

API

jsonp(url, opts, fn)

• url (String) url to fetch
• opts (Object), optional
  • param (String) name of the query string parameter to specify the callback (defaults to callback)
  • timeout (Number) how long after a timeout error is emitted. 0 to disable (defaults to 60000)
  • prefix (String) prefix for the global callback functions that handle jsonp responses (defaults to __jp)
  • name (String) name of the global callback functions that handle jsonp responses (defaults to prefix + incremented counter)
• fn callback

The callback is called with err, data parameters.

If it times out, the err will be an Error object whose message is Timeout.

Returns a function that, when called, will cancel the in-progress jsonp request (fn won't be called).

License

MIT

jsonp's Issues

The param that I can't control

Why is param the first to automatically carry __jp0?
As this:
GET http://www.suggestion.baidu.com/su?wd=1&cb=__jp0
net::ERR_NAME_NOT_RESOLVED
Can you help me? I don't need__jp0, and I want to control the param behind of 'cb='.

Why not support an api to mock any http request for user?

about Prefix and self increase

I don't want to Add to Prefix and self increase,How to cancel it?

Handle HTTP errors

I want to handle 404, 403 errors with this library, is it possible?

usage with plain html and javascript

Very nice module, can you please make it compatible with plain HTML and JavaScript (I mean without nodejs). Can be done by putting module.export only if module exists.
Or do you see any issue by doing that.

dependency 'debug' rely on es6 sytax, but jsonp is es5

in the debug pkg, "main": "./src/index.js",
dependency 'debug' use es6 syntax, but jsonp is es5,
for this reason, when I build my project with webpack and exclude node_modules from babel, es5 syntax lead to errors such as const

Not working with node

Probably mention it in the Readme.md as it says one can install it for node.

But document is not defined in node. See:
https://github.com/webmodules/jsonp/blob/master/index.js#L55

Mock jsonp

How can i mock this standalone function?

How do you carry cookies？

Hope to answer

Support params

Is it possible to add params to request?

Update the npm version

Would it be possible to release a new version?

I’d like to use the cancel function introduced here without using a commit URL: 6eff760

release ?

version 0.0.3 has a tiny edge case bug.

return promise

hello, can jsonp function return new promise ？

Specifying exact callback function name

At the moment, the code lets you specify a prefix for the callback. But when making the actual request, it appends a counter value to it.

We have a case where the remote server expects the callback function to have specific name else it does not send a response.

Can we add an option to prevent the automatic addition of a counter to the callback function name and use the one that the user provides directly?

Add nonce prefix

In case two copies of jsonp are inserted into a same page, the count increment could collide.

How to handler 404 error? only timeout error now

It seems that only timeout will invoke the callback passed Timeout error, so how can I handle 404 error? I want the callback also be invoked if an onerror event dispatched.

can no-cahce ?

Empty Error object being returned

Hi, we are using jsonp to submit data to Pardot (salesforce), and using Sentry to log any issues.

We started getting reports of failed submissions, and when digging into what's going wrong all I am seeing is that the JSONP callback is returning an error that is an empty object.

Looking through index.js, I'm not sure how this is happening. It appears to me that the only time the callback is called with an error is in case of a timeout, in which case an Error object should be returned, not an empty object {}

Is anyone able to shed some light on this behavior?

Limit requests per second?

Hello dear I am using this great repo on my react redux .
Is there a way to limit request per second ?
Some Throttle or queue like with nginx ? But on client side

upgrade dependece:debug version to 3.x.x

it was sad that jsonp's dependence lib： [email protected] ， eg :[email protected], debug@^2.1.2, debug@^2.1.3, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.6, debug@^2.6.8, debug@^2.6.9
it resovle the lib "ms" to version exactly 2.0.0。
and on browser， it is not allowed mutil versions of ms bounded。

Module not found: 'jsonp'

I'm trying to write a react app and i installed jasonp via npm install jasonp. My code

import React, {Component} from 'react';
import { AutoComplete }   from 'material-ui';
import getMuiTheme        from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider   from 'material-ui/styles/MuiThemeProvider';
import JSONP              from 'jsonp';

const googleAutoSuggestURL = `
  //suggestqueries.google.com/complete/search?client=youtube&ds=yt&q=`;

class MaterialUIAutoComplete extends Component {
  constructor(props) {
    super(props);
    this.onUpdateInput = this.onUpdateInput.bind(this);
    this.state = {
      dataSource : ['Test', 'Test2'],
      inputValue : ''
    }
  }

  onUpdateInput(inputValue) {
    const self = this;
    this.setState({
      inputValue: inputValue
    }, function() {
      self.performSearch();
    });
  }

  performSearch() {
    const
      self = this,
      url  = googleAutoSuggestURL + this.state.inputValue;

    if(this.state.inputValue !== '') {
      JSONP(url, function(error, data) {
        // handle results here
      });
    }
  }

  render() {
    return <MuiThemeProvider muiTheme={getMuiTheme()}>
      <AutoComplete
        dataSource    = {this.state.dataSource}
        onUpdateInput = {this.onUpdateInput} />
      </MuiThemeProvider>
  }
}

export default MaterialUIAutoComplete;

After executing it i get the error

Failed to compile.

Error in ./src/App.js
Module not found: 'jsonp' in /Users/dave/Programming/Web/cenote/src

 @ ./src/App.js 24:13-29

It is installed in cenote/node_modules/jasonp. Any idea why i get this error?

jsonp() Error: Timeout at index.js:63 undefined

fn：
(error, data)=>{
console.log('jsonp()', error, data)
}

when I use jsonp( url, {}, fn) , I find status is 200 in network and &callback__jp0 is attached to the url.

but response is json in firefox

and no response in chrome

I know the true response is __jp0&&__jp0( ... )
but I don't know how to make it

this is my whole code(actually I have used {} or {timeout:"10000"}

Is this has single js file ?

I'dont want use node or other tools . Do this tool has single js file ?

The link on npm is still LearnBoost

https://www.npmjs.com/package/jsonp

Did not know what happened to your repos.

But it really shocked me a lot when I clicked one link and opened another.

Why not throw an Error when script onerror?

when script error, throw an error in advance instead of waitting the callback in timer

script = document.createElement('script');
script.src = url;
// add onerror
script.onerror = function() {
    cleanup();
    if (fn) fn(new Error('Failure'));
}
target.parentNode.insertBefore(script, target);

It seems that this package needs some type declarations

No default jsDelivr CDN file set

This package doesn't have a default file set. You can set it via jsdelivr, browser, or main field in package.json

在使用jsonp的时候，某些接口报错，例如下面这个

https://c.y.qq.com/qzone/fcg-bin/fcg_ucc_getcdinfo_byids_cp.fcg?type=1&json=1&utf8=1&onlysong=0&disstid=3575935033&format=jsonp&g_tk=5381&jsonpCallback=dailiwang&loginUin=0&hostUin=0&format=jsonp&inCharset=utf8&outCharset=utf-8&notice=0&platform=yqq&needNewCode=0

Options: prefix

Hello, dear
Could I cut &callback=__jp7 from request URL

Why fn the first parameter is null

  window[id] = function(data){
    debug('jsonp got', data);
    cleanup();
    if (fn) fn(null, data);
  };

Why fn the first parameter is null

browser support?

Hi, do you know what browsers/versions you are compatible with?

I am thinking about old IES of course.

Thanks

Multiple jsonp requests，will callback cover?

Inserting before head?

If there is no script tag in the DOM, you fallback to the head of the document.

But won't this try to insert it before it's parent? E.g. Html?

https://github.com/webmodules/jsonp/blob/master/index.js#L94

Uncaught SyntaxError: Unexpected token :

When i doing request to Google Matrix services i get this error.

Uncaught SyntaxError: Unexpected token :

Help please, cause i don't understand what to do!

multiple jsonp requests on same page failing with timeout error

Hi,

I'm doing multiple jsonp calls from one page to get a set of images for each of the product that will be rendered on the page. Even though I see all the requests return response(status - 200) for each of the jsonp call, I'm only able to get the data for one product only(mostly its the last product on the page).

IMPORTANT: all the jsonp requests uses same callbackto return the content.

I'm using React component to render product list by iterating through an array. Every time a new product list component is called/created, i make the jsonp request to fetch the set of images and display on the page.

When my page renders I see only one of the product shows the list of images. And rest of the jsonp request end up in 'Timeout' error.

Can someone show me how to make these multiple jsonp requests each with the same jsonp callback that simply gets content for each of the product?

Wh

Doesn't work on Chrome

https://saucelabs.com/u/jsonp