如何在javascript中进行跨域jsonp请求
我正在编写一个小的代码示例，但在做我想做的事情时遇到了一些问题 下面是一个代码示例。我在网上找到了它的一部分，并试图使用它 在上面的例子中，它工作得很好，但是当目标URL不相同时，它就不发送了 在第一个示例中，目标提供json。 在第二个示例中，目标提供jsonp 区别在于，对于第二个示例，我将json设置为“true”值。 我真的不明白为什么它不起作用 如果有人能向我解释原因，我尝试了很多在互联网上找到的东西，但都没有真正起作用 非常感谢那些花时间解决我的问题并帮助我找出问题所在的人；） 样本1：如何在javascript中进行跨域jsonp请求,javascript,html,json,cross-domain,jsonp,Javascript,Html,Json,Cross Domain,Jsonp,我正在编写一个小的代码示例，但在做我想做的事情时遇到了一些问题 下面是一个代码示例。我在网上找到了它的一部分，并试图使用它 在上面的例子中，它工作得很好，但是当目标URL不相同时，它就不发送了 在第一个示例中，目标提供json。 在第二个示例中，目标提供jsonp 区别在于，对于第二个示例，我将json设置为“true”值。 我真的不明白为什么它不起作用 如果有人能向我解释原因，我尝试了很多在互联网上找到的东西，但都没有真正起作用 非常感谢那些花时间解决我的问题并帮助我找出问题所在的人；） 样本
<!doctype html>
<html>
<head>
<title>JSONP example</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>
<body>
<h1>Test</h1>
<script>
$.ajax({
type: 'GET',
dataType: "json",
processData: false,
crossDomain: true,
jsonp: false,
url: "http://flxn.eu/json.php",
success: function (responseData, textStatus, jqXHR)
{
console.debug(responseData);
$.each(responseData, function (index, value) {
console.debug(value);
$('body').append(value.name + '<br />' + value.address + '<br />' + value.city + '<br />' + value.postcode + '<br />' + '<br />');
});
},
error: function (responseData, textStatus, errorThrown) {
alert('POST failed.');
}
});
</script>
</body>
</html>
JSONP示例
试验
$.ajax({
键入：“GET”，
数据类型：“json”，
processData:false，
跨域：是的，
jsonp:false，
url:“http://flxn.eu/json.php",
成功：函数（responseData、textStatus、jqXHR）
{
console.debug（responseData）；
$.each（响应数据、函数（索引、值）{
console.debug（值）；
$（'body'）.append（value.name+'
'+value.address+'
'+value.city+'
'+value.postcode+'
'
'）；
});
},
错误：函数（响应数据、文本状态、错误抛出）{
警报（“POST失败”）；
}
});
<!doctype html>
<html>
<head>
<title>JSONP example</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>
<body>
<h1>test jsonP</h1>
<script>
$.ajax({
type: 'GET',
dataType: "json",
processData: false,
crossDomain: true,
jsonp: true,
url: "http://widget.mondialrelay.com//parcelshop-picker/v3_0/services/parcelshop-picker.svc/SearchPR?Brand=BDTEST%20%20&Country=FR&PostCode=62620&ColLivMod=24R&Weight=&NbResults=7&SearchDelay=&SearchFar=75&=Zone_Widget&VacationBefore=&VacationAfter=&Service=&Latitude=&Longitude=&method=jQuery16206304910685867071_1380876031038&_=1380879686732",
success: function (responseData, textStatus, jqXHR)
{
console.debug(responseData);
},
error: function (responseData, textStatus, errorThrown) {
alert('POST failed.');
}
});
</script>
</body>
</html>
JSONP示例
测试jsonP
$.ajax({
键入：“GET”，
数据类型：“json”，
processData:false，
跨域：是的，
jsonp：没错，
url:“http://widget.mondialrelay.com//parcelshop-picker/v3_0/services/parcelshop-picker.svc/SearchPR?Brand=BDTEST%20%20&Country=FR&PostCode=62620&ColLivMod=24R&Weight=&NbResults=7&SearchDelay=&SearchFar=75&=Zone_Widget&VacationBefore=&VacationAfter=&Service=&Latitude=&Longitude=&method=jQuery16206304910685867071_1380876031038&_=1380879686732",
成功：函数（responseData、textStatus、jqXHR）
{
console.debug（responseData）；
},
错误：函数（响应数据、文本状态、错误抛出）{
警报（“POST失败”）；
}
});
将URL参数更改为
&method=？ ?callback=my_callback_method
my_callback_method({your json serialized data});
<!doctype html>
<html>
<head>
<title>JSONP example</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>
<body>
<h1>test jsonP</h1>
<script>
var url = 'http://widget.mondialrelay.com//parcelshop-picker/v3_0/services/parcelshop-picker.svc/SearchPR?Brand=BDTEST%20%20&Country=FR&PostCode=62620&ColLivMod=24R&Weight=&NbResults=7&SearchDelay=&SearchFar=75&=Zone_Widget&VacationBefore=&VacationAfter=&Service=&Latitude=&Longitude=&method=jQuery16206304910685867071_1380876031038&_=1380879686732?callback=?';
$.ajax({
type: 'GET',
url: url,
async: false,
jsonpCallback: 'jQuery16206304910685867071_1380876031038',
contentType: "application/json",
dataType: 'jsonp',
success: function(json) {
console.dir(json.PRList);
},
error: function(e) {
console.log(e.message);
}
});
</script>
</body>
</html>
JSONP示例
测试jsonP
变量url='http://widget.mondialrelay.com//parcelshop-picker/v3_0/services/parcelshop-picker.svc/SearchPR?Brand=BDTEST%20%20&Country=FR&PostCode=62620&ColLivMod=24R&Weight=&NbResults=7&SearchDelay=&SearchFar=75&=Zone_Widget&VacationBefore=&VacationAfter=&Service=&Latitude=&Longitude=&method=jQuery16206304910685867071_1380876031038&_=1380879686732?callback=?';
$.ajax({
键入：“GET”，
url:url，
async:false，
jsonpCallback:'jQuery16206304910685867071_1380876031038'，
contentType:“应用程序/json”，
数据类型：“jsonp”，
成功：函数（json）{
console.dir（json.PRList）；
},
错误：函数（e）{
控制台日志（e.message）；
}
});
jQuery162063…