一个jsonp的简单实例

 1 <script type="text/javascript">
 2     //添加<script>标签的方法
 3     function addScriptTag(src){
 4         var script = document.createElement('script');
 5         script.setAttribute("type","text/javascript");
 6         script.src = src;
 7         document.body.appendChild(script);
 8     }
 9     
10     window.onload = function(){
11         //搜索apple，将自定义的回调函数名result传入callback参数中
12         addScriptTag("http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=apple&callback=result");
13         
14     }
15     //自定义的回调函数result
16     function result(data) {
17         //我们就简单的获取apple搜索结果的第一条记录中url数据
18         alert(data.responseData.results[0].unescapedUrl);
19     }
20 </script>

jquery中使用

 1 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 2 <script type="text/javascript">
 3    $.ajax({
 4         url:"http://localhost:20002/MyService.ashx?callback=?",   
 5         dataType:"jsonp",
 6         jsonpCallback:"person",
 7         success:function(data){
 8             alert(data.name + " is a a" + data.sex);
 9         }
10    });
11 </script>

1 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
2 <script type="text/javascript">
3     $.getJSON("http://localhost:20002/MyService.ashx?callback=?",function(data){
4         alert(data.name + " is a a" + data.sex);
5     });
6 </script>

 

转载于:https://www.cnblogs.com/gide/p/5359633.html