国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > js跨域提交表单【详细教程,包解决】

js跨域提交表单【详细教程,包解决】

来源:程序员人生   发布时间:2014-12-29 09:53:39 阅读次数:2606次
下面是前台js代码部份

$.ajax({ url: "http://tttcuxiao.uz.taobao.com",//这里是提交url例子链接 type: "get",//jsonp必须是get方式,post不支持,注意 dataType: "jsonp", data: $("#inquiryform").serialize(), jsonp: "callback", jsonpCallback: "flightHandler",//可以自定义修改,懒的人可以直接?就能够了 beforeSend: function () { $("#inquirypost").val("loading..."); }, success: function (msg) { if(msg.txt=="success"){ //msg.txt对应下面后台代码 $("#inquirypost").val("Sended"); alert("Your inquiry Submitted Successfully"); } else{ $("#inquirypost").val("Failed"); alert(msg.txt); } }, error: function (XMLHttpRequest, textStatus, errorThrown) { $("#inquirypost").val("error"); alert("net error,please again!"); } });

下面是url页面后台的代码部份

string msg = "flightHandler({"txt": "success"})";//这里flightHandler对应上面的自定义回调名称,txt对应msg.txt Response.Write(msg); Response.End();

是否是很简单就实现了呢,如果不懂可以随时call我qq 1254584012




生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生