Call JSONP with jQuery

Call JSONP with jQuery

This task use jQuery to JSONP page.

Call JSONP using append method

Fill code in response method. Call request method with following arguments:

callbackVar: name of GET variable containing JSONP callback, eg. api.php?jsonp=response
bufferID: id of empty div tag which is used for temporarily adding script tag
args: arguments is passed to callback function
    

---

function jsonp() {

    this.request = function(url, args, callbackVar, bufferID) {
        var super = this;
        var callback = 'jsonp_response_' + Math.floor(Math.random() * 100000);
        window[callback] = function(data) {
            super.response(args, data);
            delete window[callback];
        }
        var params = { callbackVar : callback };
        var buffer = $('#' + bufferID);
        buffer.append("<script src='" + url + '&' + jQuery.param(params) + "'></script>");
    }

    this.response = function(args, data) {
        // Tasks go here
    }

}
    

formattedraw

1	function jsonp() {
2
3	this.request = function(url, args, callbackVar, bufferID) {
4	var super = this;
5	var callback = 'jsonp_response_' + Math.floor(Math.random() * 100000);
6	window[callback] = function(data) {
7	super.response(args, data);
8	delete window[callback];
9	}
10	var params = { callbackVar : callback };
11	var buffer = $('#' + bufferID);
12	buffer.append("<script src='" + url + '&' + jQuery.param(params) + "'></script>");
13	}
14
15	this.response = function(args, data) {
16	// Tasks go here
17	}
18
19	}

function jsonp() {

    this.request = function(url, args, callbackVar, bufferID) {
        var super = this;
        var callback = 'jsonp_response_' + Math.floor(Math.random() * 100000);
        window[callback] = function(data) {
            super.response(args, data);
            delete window[callback];
        }
        var params = { callbackVar : callback };
        var buffer = $('#' + bufferID);
        buffer.append("<script src='" + url + '&' + jQuery.param(params) + "'></script>");
    }

    this.response = function(args, data) {
        // Tasks go here
    }

}

JavaScript jQuery JSONP