.net Ajax跨域

来源:互联网 发布:js开发框架 编辑:程序博客网 时间:2024/04/28 11:57

转载:http://www.runoob.com/json/json-jsonp.html

JSONP有什么用?

由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源,为了实现跨域请求,可以通过script标签实现跨域请求,然后在服务端输出JSON数据并执行回调函数,从而解决了跨域的数据请求

 

前台代码如下:

<scripttype="text/javascript">
    $(function () {
       alert("start...");
       
        //
第一种方式
        $.ajax({
            type:"get",
            url: "
http://localhost:9524/Home/ProcessCallback", //这个就是不同于当前域的一个URL地址,这里单纯演示,所以同域
            dataType:"jsonp",
            jsonp:"jsonpcallback",  //
指定回调函数,这里名字可以为其他任意你喜欢的,比如callback,不过必须与下一行的GET参数一致
            data:"name=jxq&email=feichexia@yahoo.com.cn&jsonpcallback=?", //jsonpcallback
与上面的jsonp值一致
            success: function (json){
               alert(json.Name);
                alert(json.Email);
            }
        });

//第二种方式
       $.getJSON("http://localhost:9524/Home/ProcessCallback?name=xiaoqiang&email=jxqlovejava@gmail.com&jsonpcallback=?",
            function(json) {
               alert(json.Name);
               alert(json.Email);
            }
        );

alert("end...");
    });
</script>

   后台Action代码如下:

public stringProcessCallback(string name, string email)
{
   if (Request.QueryString !=null)
   {
       string jsonpCallback =Request.QueryString["jsonpcallback"];
       var user = new User
       {
            Name = name,
            Email = email
       };
      

       return jsonpCallback + "(" +new JavaScriptSerializer().Serialize(user) + ")";
   }

return"error";
}


0 0
原创粉丝点击