mirror of
https://github.com/jquery/jquery.git
synced 2024-11-23 02:54:22 +00:00
Ajax: Drop the json to jsonp auto-promotion logic
Previously, `jQuery.ajax` with `dataType: 'json'` with a provided callback was automatically converted to a jsonp request unless one also specified `jsonp: false`. Today the preferred way of interacting with a cross-domain backend is CORS which works in all browsers jQuery 4 will support. Auto-promoting JSON requests to JSONP ones introduces a security issue as the developer may be unaware they're not just downloading data but executing code from a remote domain. This commit disables the auto-promoting logic. BREAKING CHANGE: to trigger a JSONP request, it's now required to specify `dataType: "jsonp"`; previously some requests with `dataType: "json"` were auto-promoted to JSONP. Fixes gh-1799 Fixes gh-3376 Closes gh-4754
This commit is contained in:
parent
fa0058af42
commit
e7b3bc488d
@ -18,7 +18,7 @@ jQuery.ajaxSetup( {
|
||||
} );
|
||||
|
||||
// Detect, normalize options and install callbacks for jsonp requests
|
||||
jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
|
||||
jQuery.ajaxPrefilter( "jsonp", function( s, originalSettings, jqXHR ) {
|
||||
|
||||
var callbackName, overwritten, responseContainer,
|
||||
jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ?
|
||||
@ -29,9 +29,6 @@ jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
|
||||
rjsonp.test( s.data ) && "data"
|
||||
);
|
||||
|
||||
// Handle iff the expected data type is "jsonp" or we have a parameter to set
|
||||
if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {
|
||||
|
||||
// Get callback name, remembering preexisting value associated with it
|
||||
callbackName = s.jsonpCallback = typeof s.jsonpCallback === "function" ?
|
||||
s.jsonpCallback() :
|
||||
@ -93,5 +90,4 @@ jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
|
||||
|
||||
// Delegate to script
|
||||
return "script";
|
||||
}
|
||||
} );
|
||||
|
@ -70,6 +70,10 @@ QUnit.assert.ok( true, "mock executed");';
|
||||
header( 'Content-type: application/json' );
|
||||
}
|
||||
|
||||
if ( isset( $req->query['cors'] ) ) {
|
||||
header( 'Access-Control-Allow-Origin: *' );
|
||||
}
|
||||
|
||||
if ( isset( $req->query['array'] ) ) {
|
||||
echo '[ {"name": "John", "age": 21}, {"name": "Peter", "age": 25 } ]';
|
||||
} else {
|
||||
|
@ -81,6 +81,9 @@ var mocks = {
|
||||
if ( req.query.header ) {
|
||||
resp.writeHead( 200, { "content-type": "application/json" } );
|
||||
}
|
||||
if ( req.query.cors ) {
|
||||
resp.writeHead( 200, { "access-control-allow-origin": "*" } );
|
||||
}
|
||||
if ( req.query.array ) {
|
||||
resp.end( JSON.stringify(
|
||||
[ { name: "John", age: 21 }, { name: "Peter", age: 25 } ]
|
||||
|
@ -1239,6 +1239,121 @@ QUnit.module( "ajax", {
|
||||
];
|
||||
} );
|
||||
|
||||
ajaxTest( "jQuery.ajax() - no JSONP auto-promotion" + label, 4, function( assert ) {
|
||||
return [
|
||||
{
|
||||
url: baseURL + "mock.php?action=jsonp",
|
||||
dataType: "json",
|
||||
crossDomain: crossDomain,
|
||||
success: function() {
|
||||
assert.ok( false, "JSON parsing should have failed (no callback)" );
|
||||
},
|
||||
fail: function() {
|
||||
assert.ok( true, "JSON parsing failed, JSONP not used (no callback)" );
|
||||
}
|
||||
},
|
||||
{
|
||||
url: baseURL + "mock.php?action=jsonp&callback=?",
|
||||
dataType: "json",
|
||||
crossDomain: crossDomain,
|
||||
success: function() {
|
||||
assert.ok( false, "JSON parsing should have failed (ULR callback)" );
|
||||
},
|
||||
fail: function() {
|
||||
assert.ok( true, "JSON parsing failed, JSONP not used (URL callback)" );
|
||||
}
|
||||
},
|
||||
{
|
||||
url: baseURL + "mock.php?action=jsonp",
|
||||
dataType: "json",
|
||||
crossDomain: crossDomain,
|
||||
data: "callback=?",
|
||||
success: function() {
|
||||
assert.ok( false, "JSON parsing should have failed (data callback=?)" );
|
||||
},
|
||||
fail: function() {
|
||||
assert.ok( true, "JSON parsing failed, JSONP not used (data callback=?)" );
|
||||
}
|
||||
},
|
||||
{
|
||||
url: baseURL + "mock.php?action=jsonp",
|
||||
dataType: "json",
|
||||
crossDomain: crossDomain,
|
||||
data: "callback=??",
|
||||
success: function() {
|
||||
assert.ok( false, "JSON parsing should have failed (data callback=??)" );
|
||||
},
|
||||
fail: function() {
|
||||
assert.ok( true, "JSON parsing failed, JSONP not used (data callback=??)" );
|
||||
}
|
||||
}
|
||||
];
|
||||
} );
|
||||
|
||||
ajaxTest( "jQuery.ajax() - JSON - no ? replacement" + label, 9, function( assert ) {
|
||||
return [
|
||||
{
|
||||
url: baseURL + "mock.php?action=json&callback=?",
|
||||
dataType: "json",
|
||||
crossDomain: crossDomain,
|
||||
beforeSend: function( _jqXhr, settings ) {
|
||||
var queryString = settings.url.replace( /^[^?]*\?/, "" );
|
||||
assert.ok(
|
||||
queryString.indexOf( "jQuery" ) === -1,
|
||||
"jQuery callback not inserted into the URL (URL callback)"
|
||||
);
|
||||
assert.ok(
|
||||
queryString.indexOf( "callback=?" ) > -1,
|
||||
"\"callback=?\" present in the URL unchanged (URL callback)"
|
||||
);
|
||||
},
|
||||
success: function( data ) {
|
||||
assert.ok( data.data, "JSON results returned (URL callback)" );
|
||||
}
|
||||
},
|
||||
{
|
||||
url: baseURL + "mock.php?action=json",
|
||||
dataType: "json",
|
||||
crossDomain: crossDomain,
|
||||
data: "callback=?",
|
||||
beforeSend: function( _jqXhr, settings ) {
|
||||
var queryString = settings.url.replace( /^[^?]*\?/, "" );
|
||||
assert.ok(
|
||||
queryString.indexOf( "jQuery" ) === -1,
|
||||
"jQuery callback not inserted into the URL (data callback=?)"
|
||||
);
|
||||
assert.ok(
|
||||
queryString.indexOf( "callback=?" ) > -1,
|
||||
"\"callback=?\" present in the URL unchanged (data callback=?)"
|
||||
);
|
||||
},
|
||||
success: function( data ) {
|
||||
assert.ok( data.data, "JSON results returned (data callback=?)" );
|
||||
}
|
||||
},
|
||||
{
|
||||
url: baseURL + "mock.php?action=json",
|
||||
dataType: "json",
|
||||
crossDomain: crossDomain,
|
||||
data: "callback=??",
|
||||
beforeSend: function( _jqXhr, settings ) {
|
||||
var queryString = settings.url.replace( /^[^?]*\?/, "" );
|
||||
assert.ok(
|
||||
queryString.indexOf( "jQuery" ) === -1,
|
||||
"jQuery callback not inserted into the URL (data callback=??)"
|
||||
);
|
||||
assert.ok(
|
||||
queryString.indexOf( "callback=??" ) > -1,
|
||||
"\"callback=?\" present in the URL unchanged (data callback=??)"
|
||||
);
|
||||
},
|
||||
success: function( data ) {
|
||||
assert.ok( data.data, "JSON results returned (data callback=??)" );
|
||||
}
|
||||
}
|
||||
];
|
||||
} );
|
||||
|
||||
} );
|
||||
|
||||
ajaxTest( "jQuery.ajax() - script, Remote", 2, function( assert ) {
|
||||
|
Loading…
Reference in New Issue
Block a user