JSONP

JSONP : JSON with Padding
    1.script标签
    2.用script标签加载资源是没有跨域问题的
    
    在资源加载进来之前定义好一个函数,这个函数接收一个参数(数据),函数里面利用这个参数做一些事情
    然后需要的时候通过script标签加载对应远程文件资源,当远程的文件资源被加载进来的时候,就会去执行我们前面定义好的函数,并且把数据当作这个函数的参数传入进去

 

 

-------------------------------------------------page code:-------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
    <title>Top Customers with Callback</title>
</head>
<body>
    <div id="divCustomers">
    </div>
    <script type="text/javascript">
        function onCustomerLoaded(result, methodName) {
            var html = '<ul>';
            for (var i = 0; i < result.length; i++) {
                html += '<li>' + result[i] + '</li>';
            }
            html += '</ul>';
            document.getElementById('divCustomers').innerHTML = html;
        }
    </script>
    <script type="text/javascript" src="http://www.yiwuku.com/myService.aspx?jsonp=onCustomerLoaded"></script>
</body>
</html>
 
------------------------------------------------------------------------------------------------------------------------
 
 
JSONP可以应用在很多方面,比如在向其他域发送请求,获取对应API接口的数据方面,例如百度的搜索框,只要拿到百度提供的域名然后添加参数,获取数据,应用JSONP技术可以实现,要注意灵活变通使用
posted @ 2015-09-05 22:08  Jeff_lzf  阅读(94)  评论(0)    收藏  举报