首页 / JSON / JSONP跨域实现

JSONP跨域实现

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JSONP跨域实现，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1032字，纯文字阅读大概需要2分钟。

内容图文

JSONP是为解决ajax无法跨域问题而生的。案例参考如下：

前台实现：

            Html部分：
  <input type="button" id="btnGet" value="获取数据" />
JS部分：
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
    $("#btnGet").click(function () {
        $.ajax({
            type: "get",
            url: "http://localhost:4815/Home/ProcessCallback", // 这个就是不同于当前域的一个URL地址，这里单纯演示，所以同域
            dataType: "jsonp",
            jsonp: "jsonpcallback",  // 指定回调函数，这里名字可以为其他任意你喜欢的，比如callback，不过必须与下一行的GET参数一致   
            jsonpCallback:"homeCarouse"

           
        });

    });
    function homeCarouse(CarousePic) {
        alert(CarousePic.Name);
        alert(CarousePic.Email);
    }  

</script>

 后台实现（这是写在另一个域下面（端口不通或域名不同））：

            public
            string
             ProcessCallback()
        {
            
            if (Request.QueryString != null)
            {
                string jsonpCallback = Request.QueryString["jsonpcallback"]; ;
                var user = new 
                {
                    Name = "name1",
                    Email =" email2"
                };

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

            return"error";
        }

 

 参考博客：http://www.cnblogs.com/feichexia/archive/2012/12/07/jsonp_and_more.html

 

原文：http://www.cnblogs.com/shuai7boy/p/6361171.html

内容总结

以上是互联网集市为您收集整理的JSONP跨域实现全部内容，希望文章能够帮你解决JSONP跨域实现所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1194229.html

来源：【匿名】