首页 / JQUERY / jquery下jsonp跨域请求

jquery下jsonp跨域请求

内容导读

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

内容图文

客户端js代码：

     $(function(){  
       $.ajax(  
                    {  
                        type:‘GET‘,  
                        url : "../php/getGIS.php?id=[50010000001200000001,50010000001200000003]",  
                        dataType : ‘jsonp‘,  
                        jsonp:"jsoncallback",  
                        success  : function(data) {  
                            alert( data );  
                        },  
                        error : function() {  
                            alert(‘fail‘);  
                        }  
                    }  
                );  
    })

服务器端php代码：

<?php
    header(‘Content-Type:text/html;Charset=utf-8‘);  
    $json="[
             {‘Device_ID‘:‘50010000001200000001‘,‘Device_Name‘:车载1‘,‘Time‘:‘2014-11-10 11:06:00‘,‘Longitude‘:116.262‘,‘Latitude‘:40.101‘},
             {‘Device_ID‘:‘50010000001200000003‘,‘Device_Name‘:车载3‘,‘Time‘:‘2014-11-11 11:26:23‘,‘Longitude‘:116.262‘,‘Latitude‘:40.1008‘}
           ]";
    $json=json_encode($json);
    echo$_GET[‘jsoncallback‘] . "(".$json.")"; 
?>

客户端返回结果：

            [
             {‘Device_ID‘:‘50010000001200000001‘,‘Device_Name‘:车载1‘,‘Time‘:‘2014-11-10 11:06:00‘,‘Longitude‘:116.262‘,‘Latitude‘:40.101‘},
             {‘Device_ID‘:‘50010000001200000003‘,‘Device_Name‘:车载3‘,‘Time‘:‘2014-11-11 11:26:23‘,‘Longitude‘:116.262‘,‘Latitude‘:40.1008‘}
]

 

Jsonp原理： 
首先在客户端注册一个callback, 然后把callback的名字传给服务器。
此时，服务器先生成 json 数据。
然后以 javascript 语法的方式，生成一个function , function 名字就是传递上来的参数 jsonp.
最后将 json 数据直接以入参的方式，放置到 function 中，这样就生成了一段 js 语法的文档，返回给客户端。
客户端浏览器，解析script标签，并执行返回的 javascript 文档，此时数据作为参数，传入到了客户端预先定义好的 callback 函数里.（动态执行回调函数）

原文：http://www.cnblogs.com/jly553/p/4089546.html

内容总结

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

内容备注

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

内容手机端

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

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

来源：【匿名】