ajax get跨域 通过jsonp
来源:互联网 发布:桃源网络硬盘破解 编辑:程序博客网 时间:2024/06/04 18:57
背景:在写H5+APP的时候,需要数据库的数据,则使用ajax去与数据进行交互,但手机的IP和服务器的IP是不同的,所以涉及到了跨域的问题,查了很多资料,ajax的get请求可以通过jsonp来支持跨域,而post的跨域会比较复杂,暂时还不会
注意jsonp相对于json会对一层$callback
贴上代码
客户端:
<script type="text/javascript">$(function(){//alert("ok!");$.ajax({ url : 'http://1.sckandroid.sinaapp.com/Test/get_alluser', dataType : 'jsonp', type : 'get', success:function(data){ len = data.length; for(i = 0 ; i < len ; i++){ var str = "<tr><td>" + data[i]['id'] + "</td>"; str += "<td>" + data[i]['username'] + "</td>"; str += "<td>" + data[i]['password'] + "</td>"; str += "<td>" + data[i]['nickname'] + "</td></tr>"; $("#user").append(str); } },error:function(XMLHttpRequest, textStatus, errorThrown) {alert(XMLHttpRequest.status);alert(XMLHttpRequest.readyState);alert(textStatus);}});$("#btn").click(function(){$("#label").html("123456");});});</script>服务端:
public function get_alluser(){$user = M("user"); $data = $user->select(); $len = count($data); $resule = array(); for($i = 0 ; $i < $len ; $i++){ $result[$i] = array('id' => $data[$i]['id'],'username' => $data[$i]['username'],'password' => $data[$i]['password'],'nickname' => $data[$i]['nickname']); } header('Content-type: application/json'); //获取回调函数名 $callback = $_REQUEST ['callback']; $json = json_encode($result); echo $callback . "(" . $json . ")";}
0 0
- ajax get跨域 通过jsonp
- ajax get jsonp
- JSONP跨域GET请求
- jQuery Ajax jsonp 跨域
- jquery ajax跨域 jsonp
- ajax跨域jsonp
- jsonp解决ajax跨域
- jquery ajax jsonp 跨域
- ajax跨域jsonp处理
- ajax jsonp跨域
- ajax跨域?(jsonp)
- ajax 跨域 jsonp 处理
- ajax 跨域jsonp
- struts2 ajax jsonp跨域
- ajax jsonp 跨域
- jquery ajax jsonp 跨域
- ajax跨域jsonp详解
- jquery ajax跨域 jsonp
- 设计模式-建造者模式(Builder)
- Silverlight之WriteableBitmap的使用
- Hibernate中的manytomany映射实例一
- OC总结之字典
- 【Java】二分查找
- ajax get跨域 通过jsonp
- (总结)CentOS下安装官方RPM包的MySQL后找不到my.cnf
- android 画虚线、实线,画圆角矩形,一半圆角
- Android应用界面编程
- 开漏极、开集电极输出
- android上向主线程发消息时的一个常见错误
- ERROR [IM002] [Microsoft][ODBC 驱动程序管理器] 未发现数据源名称并且未指定默认驱动程序
- Python的文件
- UNITY3D学习笔记3