搜索

首页 >web前端 >js教程 >jquery ajax jsonp跨域调用实例代码_jquery

jquery ajax jsonp跨域调用实例代码_jquery

WBOY
WBOY原创
2016-05-16 17:09:531237浏览

客户端代码

复制代码代码如下：







    function aa() {
        $.ajax({
            url: "http://localhost:12079/WebForm2.aspx",
            数据: "p1= 1&p2=2&callback=?",
            type: "post",
            processData: false,
            timeout: 15000,
            dataType: "jsonp",  // 不是我们要解析的“json”
            jsonp: "jsonpcallback",
            success: function(result) {
           alert(result.value1);
            }
        });
    }


   


   

   


   

   

   


       




服务器端代码

复制代码代码如下：

公共部分类WebForm2：System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

          
         string callback = Request["callback"];
            string v1="1";
            string v2="2";
            string response = "{"value1":"" v1 "","value2":"" v2 ""}";
            字符串调用 = 回调 "(" 响应 ")";
            Response.Write(call);
            Response.End();
        }
    }

客户端页面和服务器端页面在两个项目中，以便进行跨域调用测试。

跨域实例代码（需要加载jquery，页面为utf-8编码）：

复制代码代码如下：