JSONP 的简单用法 ---- 解决跨域问题
2014-02-27 09:18
459 查看
1.html
1.php
<!-- 假设, 当前的 1.html 的访问地址是: http://www.test.com/1.html 提供返回数据的服务端访问地址是: http://www.zzz.com/1.php --> <meta charset="utf-8" /> <span id='a'>wwwwwwwwww</span> <!--第一种JSONP写法--> <script type="text/javascript"> function jsonpCallback(result) { //console.log(result); document.getElementById("a").innerHTML=result[2]; } </script> <script type="text/javascript" src="http://www.zzz.com/1.php?callback=jsonpCallback"></script> <!--第二种JSONP写法 <script type="text/javascript" src="http://code.jquery.com/jquery.js"></script> <script type="text/javascript"> $.getJSON("http://www.zzz.com/1.php?callback=?",function(result){ for(var i in result) { document.getElementById("a").innerHTML=result[3]; } }); </script> -->
1.php
<?php //服务端返回JSON数据 $arr=array(1=>'aa',2=>'bb',3=>'cc'); $result=json_encode($arr); //动态执行回调函数 $callback=$_GET['callback']; echo $callback."($result)";
相关文章推荐
- AngularJs最简单解决跨域问题jsonp案例
- 关于前端开发的跨域问题以及解决方法jsonp
- jsonp解决跨域请求问题
- jsonp解决跨域请求问题
- 跨域问题解决方案(HttpClient安全跨域 & jsonp跨域)
- 使用jsonp完美解决跨域问题
- 简单的解决js跨域问题
- springmvc 数据传输跨域问题 access control allow origin——JSONP数据格式解决
- 利用jsonp与代理服务器方案解决跨域问题
- JS跨域问题以及采用JSONP方式解决跨域问题
- Jsonp解决跨域调用问题实战
- 用jQuery与JSONP轻松解决跨域访问的问题
- jQuery中利用JSONP解决AJAX跨域问题
- 简单设置,解决使用webpack前后端跨域发送cookie的问题
- ajax请求跨域问题-通过jsonp方式解决
- jsonp解决ajax跨域问题!
- 原创:关于UIButton嵌入到UIView点击无反应问题的解决方法和delegate的简单用法示例
- jsonp解决跨域问题
- C# 和Jsonp的一个小demo 用jQuery与JSONP轻松解决跨域访问的问题
- 手动创建script解决跨域问题(jsonp从入门到放弃)