我将用户名和密码作为请求参数发送到
AJAX中的服务器并尝试显示响应消息.但是无法显示响应消息.在fiddler中它显示响应消息.但是在浏览器屏幕上它没有显示.请有人帮助我,我错了或需要改变任何东西..
我写得像这样 –
我写得像这样 –
$(document).ready(function () { $("#btnCity").click(function () { $.ajax({ type: "POST",url: "http://test.xyz.com/login",crossDomain: true,contentType: "application/json; charset=utf-8",data: { username: "abc",password: "1234" },dataType: "JSONP",jsonpCallback: 'jsonCallback',async: false,success: function (resdata) { alert(resdata); },error: function (result,status,err) { alert(result.responseText); alert(status.responseText); alert(err.Message); } }); }); });
@R_404_323@
TL; DR:我想问题出现在代码的服务器端(我们还不知道).
起初:我不知道为什么它失败了.我已经使用了你的代码并针对公共可用的JSONP API运行它,它返回系统的当前IP并且它有效.
请尝试使用以下网址:http://ip.jsontest.com/.
所以很可能,服务器不会返回对JSONP请求的正确响应.查看开发人员工具中的网络选项卡.使用您当前的代码,服务器的答案应该是这样的:
jsonCallback({'someResponseKeys': 'someResponseValue'});
注意:标题应包含Content-Type:application / javascript!
顺便说一句,即使现在不能解决你的问题 – 这里有一些调整,我想建议你:
>不要将异步设置为false,在jQuery.ajax()的文档中说:
Cross-domain requests and dataType: “jsonp” requests do not support synchronous
operation.
>你不需要设置一个jsonpCallback,因为jQuery会生成并处理(使用成功函数随机一个.来自文档的引用:
This value will be used instead of the random name automatically generated by jQuery. It is preferable to let jQuery generate a unique name as it’ll make it easier to manage the requests and provide callbacks and error handling.
所以我的代码来了:
$(document).ready(function () { $("#btnCity").click(function () { $.ajax({ type: "POST",url: "http://ip.jsontest.com/",success: function (resdata) { console.log("success",resdata); },err) { console.log("error",result.responseText); console.log("error",status.responseText); console.log("error",err.Message); } }); }); });
另一个解决方案,如Yonatan Ayalon建议的,可以使用预定义的函数完成,然后将jsonpCallback显式设置为应该调用的函数.