Ajax通过jsonp实现跨域访问,访问成功但走error不走success

记录用jsonp跨域访问，调用过程

本机使用两个端口模拟跨域的情况，当前访问地址8080，目标访问地址9080

1.返回Json串

前后台类型不一致，返回串解析错误，进入ajax error方法

（1）前端访问代码

$.ajax({

url:"http://localhost:9080/Demo4/Ajax2Servlet",

dataType: 'jsonp',

success:function(result){

alert(result);

},

error:function(XMLHttpRequest, textStatus, errorThrown){

alert(XMLHttpRequest.status);//200

alert(XMLHttpRequest.readyState);//4

alert(textStatus);//parseerror

}

});

（2）后端返回代码

{\"state\":\"success\"}

（3）访问效果

进error方法，出现 200 4 parseerror

2.返回Jsonp串

返回Jsonp格式串，相当于调用前端js的一个function。

返回类型一致，但前端仍然不能进去ajax success方法，

先调用callback方法，再用调用ajax error方法。 原因未知？

（1）前端访问代码添加方法

function callback(result){

alert(result.state);//success

}

（2）后端返回代码

callback({"state":"success"})

（3）访问效果

先调用callback方法，出现success

再进error方法，出现 200 4 parseerror

3.返回Jsonp串，前端ajax添加参数

附jquery ajax文档说明，ajax调用添加参数jsonp和jsonpCallback

参数原理还没有弄明白？ ，不过效果上已经可以进入ajax success方法了

jsonp

类型：String

在一个 jsonp 请求中重写回调函数的名字。这个值用来替代在 "callback=?" 这种 GET 或 POST 请求中 URL 参数里的 "callback" 部分，比如 {jsonp:'onJsonPLoad'} 会导致将 "onJsonPLoad=?" 传给服务器。

jsonpCallback

类型：String

为 jsonp 请求指定一个回调函数名。这个值将用来取代 jQuery 自动生成的随机函数名。这主要用来让 jQuery 生成度独特的函数名，这样管理请求更容易，也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存 GET 请求的时候，指定这个回调函数名。

（1）前端访问代码修改

$.ajax({

url:"http://localhost:9080/Demo4/Ajax2Servlet",

dataType: 'jsonp',

jsonp:'callback',

jsonpCallback:"successCallback",

success:function(result){

alert("success："+result.state);

},

error:function(XMLHttpRequest, textStatus, errorThrown){

alert(XMLHttpRequest.status);//200

alert(XMLHttpRequest.readyState);//4

alert(textStatus);//parseerror

}

});

（2）后端返回代码修改

successCallback({"state":"success"})

（3）访问效果

进入success方法，出现success：success(区别原来callback方法)

参考Bolg地址：

https://blog.csdn.net/lazyyusky/article/details/48974335