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

jquery的jsonp用法

时间:2014-11-04 19:02:57      阅读:149      评论:0      收藏:0      [点我收藏+]

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

jsonp的形成原因: 浏览器的跨域请求限制。

浏览器是不允许直接跨域请求数据的,jsonp就是利用script标签可以跨域获取数据来工作的

步骤:

  1.建一个函数,这个函数名(如此例中的jsonpCallback是要传给后端的)

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript">
    function jsonpCallback(result) {
        //alert(result);
        for(var i in result) {
            alert(i+":"+result[i]);//循环输出a:1,b:2,etc.
        }
    }
    var JSONP=document.createElement("script");
    JSONP.type="text/javascript";
    JSONP.src="http://crossdomain.com/services.php?callback=jsonpCallback";
    document.getElementsByTagName("head")[0].appendChild(JSONP);
</script>

 

  2.新建一个script标签,src指向域名

  3.将script插入body中

前端部分就是如此

 

--------------------------------------

用jquery实现

  

        $.ajax({
            url: http://10.95.192.27:8080/honeybee/zhuanti/export.action,
            dataType: "jsonp",
            jsonp: "topicsCallback",
            success: function(){}
        });

jsonp: 即与后端定好的名称。具体的处理函数在success里

jquery的jsonp用法

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

原文地址:http://www.cnblogs.com/cjy1993/p/4074156.html

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