ajax 跨域问题 new
2015-06-10 14:44
405 查看
方法一:
前台页面js代码:
或者用ajax
后台php代码 :
方法二:
前台代码:
后台php代码:
前台页面js代码:
$.getJSON('http://www.h5clubs.com/rec.php?c=abc&callback=?', jsondata, function (data) { console.log(data); } );
或者用ajax
$.ajax({ type: 'GET',//只能是get方式 url: 'http://www.h5clubs.com/rec.php', data: { c: 'rec' }, dataType: 'JSONP', jsonp: 'callback', //服务器端获取回调函数名的key,对应后台有$_GET['callback']='getName';callback是默认值 jsonpCallback: 'getName', //回调函数名, jsonp与 jsonpCallback 可以省略,jsonpCallback如果不写 刚为jquery默认添加的一个值 success: function (data) { //成功执行处理,对应后台返回的getName(data)方法。 console.log(data); console.log(data.flag); } });
后台php代码 :
$c = $_GET['c']; $str = array(c=>$c, flag=>'success'); $str2 = array(c=>$c, flag=>'fail'); if($c){ //echo json_encode($str); echo $_GET['callback']."(".json_encode($str).")"; //等价:echo 'getName('.json_encode($str).')'; }else{ //echo json_encode($str2); }
方法二:
前台代码:
$.ajax({ type: 'post',//post,get都可以 url: 'http://www.h5clubs.com/rec.php', data: {c:'rec'}, dataType: 'json', success: function(data){ console.log(typeof data); console.log(data.flag); } });
后台php代码:
header("Access-Control-Allow-Origin: *"); $c = $_GET['c']; $str = array(c=>$c, flag=>'success'); $str2 = array(c=>$c, flag=>'fail'); if($c){ echo json_encode($str); }else{ echo json_encode($str2); }
相关文章推荐
- base64
- postgres 引起oom问题的 explain 分析。
- 远程桌面强制踢用户下线
- SolrCloud Wiki翻译(1) Getting Started with SolrCloud
- 一行代码搞定所有屏幕适配
- Spring+Mybatis 多数据源配置
- ZWK so lazy
- android 网络运营商的名字显示规则(锁定屏幕,下拉列表)
- MapReduce编程
- python类型比较的方式
- linux下svn不能连接Windows SVN服务器
- startup migrate、startup upgrade区别以及Oracle打补丁集文档(转)
- 卸载Linux上默认的JDK
- 去除中国菜刀密码的方法
- 几种常见的动画
- HTML特殊字符过滤器
- [***]在Unity 脚本中的作用 C#
- JavaScript var关键字、变量的状态、异常处理、命名规范等介绍
- _itoa atoi、atof、itoa、itow _itoa_s 类型转换使用说明
- jquery实现网页自动添加必填项图标和日期自动填充