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

jsonp跨域

时间:2017-03-09 23:55:55      阅读:338      评论:0      收藏:0      [点我收藏+]

标签:调用   key   doc   for   random   com   tee   name   body   

 1 (function(window, document, undefined) {
 2   ‘use strict‘;
 3   var jsonp = function(url, data, callback) {
 4     var fnSuffix = Math.random().toString().replace(‘.‘, ‘‘);
 5     var cbFuncName = ‘my_json_‘ + fnSuffix;
 6     window[cbFuncName] = callback;
 7     var querystring = url.indexOf(‘?‘) == -1 ? ‘?‘ : ‘&‘;
 8     for (var key in data) {
 9       querystring += key + ‘=‘ + data[key] + ‘&‘;
10     }
11     querystring += ‘callback=‘ + cbFuncName;
12     var scriptElement = document.createElement(‘script‘);
13     scriptElement.src = url + querystring;
14     document.body.appendChild(scriptElement);
15   };
16   window.$jsonp = jsonp;
17 })(window, document);

调用

 1   <div id="result"></div>
 2   <script>
 3     (function() {
 4       $jsonp(
 5         ‘http://api.xxx..com/xx/xx‘, {
 6           page: 10,
 7           count:15
 8         },
 9         function(data) {
10           document.getElementById(‘result‘).innerHTML = JSON.stringify(data);
11         });
12     })();
13   </script>

 

jsonp跨域

标签:调用   key   doc   for   random   com   tee   name   body   

原文地址:http://www.cnblogs.com/sunons/p/6528287.html

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