码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-11-29 16:00:50      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   ar   os   sp   java   for   

下面是前台js代码部分

$.ajax({
                url: "http://tttcuxiao.uz.taobao.com",<span style="white-space:pre">	</span>//这里是提交url例子链接
                type: "get",<span style="white-space:pre">	</span>//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




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

标签:style   blog   http   io   ar   os   sp   java   for   

原文地址:http://blog.csdn.net/wendi_0506/article/details/41596345

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!