php跨域调用json的例子


Posted in Javascript onNovember 13, 2013

JSON和XML没什么太大区别,不过JSON有一个更大范围的应用,那就是,跨域的数据调用。由于安全性问题,AJAX不支持跨域调用,这样要调用不同域名下的数据,很麻烦。下面这个例子,足以展示php用json如何进跨域调用了。

index.html

<script type="text/javascript"> 
function getProfile(str) {  
    var arr = str;  
    document.getElementById('nick').innerHTML = arr.nick;  
}  
</script> 
<body><div id="nick"></div></body> 
<script type="text/javascript" src="http://www.openphp.cn/demo/profile.php"></script>

被调文件profile.php
<?php  
$arr = array(  
    'name' => 'tanteng',  
    'nick' => 'pony',  
    'contact' => array(  
        'email' => 'a@gmail.com',  
        'website' => 'http://aa.sinaapp.com',  
    )  
);  
$json_string = json_encode($arr);  
echo "getProfile($json_string)";  
?>

当index.html调用profile.php时,JSON字符串生成,并作为参数传入getProfile,然后将昵称插入到div中,这样一次跨域数据交互就完成了,是不是特别简单。
Javascript 相关文章推荐
javascript js cookie的存储,获取和删除
Dec 29 Javascript
javascript 模拟点击广告
Jan 02 Javascript
JavaScript 原型继承
Dec 26 Javascript
AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
Jan 02 Javascript
Echarts基本用法_动力节点Java学院整理
Aug 11 Javascript
JQuery判断正整数整理小结
Aug 21 jQuery
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
Mar 21 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
May 31 Javascript
vue+element实现表格新增、编辑、删除功能
May 28 Javascript
在JavaScript中如何访问暂未存在的嵌套对象
Jun 18 Javascript
javascript实现前端input密码输入强度验证
Jun 24 Javascript
Vue Elenent实现表格相同数据列合并
Nov 30 Vue.js
JQuery文字列表向上滚动的代码
Nov 13 #Javascript
浅析Javascript使用include/require
Nov 13 #Javascript
js将字符串转成正则表达式的实现方法
Nov 13 #Javascript
js禁止页面使用右键(简单示例代码)
Nov 13 #Javascript
如何判断鼠标是否在DIV的区域内
Nov 13 #Javascript
HTTP 304错误的详细讲解
Nov 13 #Javascript
js动态修改input输入框的type属性(实现方法解析)
Nov 13 #Javascript
You might like
php include,include_once,require,require_once
2008/09/05 PHP
ThinkPHP在Cli模式下使用模板引擎的方法
2015/09/25 PHP
浅析ThinkPHP缓存之快速缓存(F方法)和动态缓存(S方法)(日常整理)
2015/10/26 PHP
PHP+ajax分页实例简析
2015/12/07 PHP
CodeIgniter扩展核心类实例详解
2016/01/20 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
Javascript中的几种URL编码方法比较
2015/01/23 Javascript
基于jQuery实现表格的查看修改删除
2016/08/01 Javascript
jQuery中的select操作详解
2016/11/29 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
2017/10/19 jQuery
微信小程序checkbox组件使用详解
2018/01/31 Javascript
详解CommonJS和ES6模块循环加载处理的区别
2018/12/26 Javascript
原生JS实现天气预报
2020/06/16 Javascript
解决vuecli3中img src 的引入问题
2020/08/04 Javascript
Python open读写文件实现脚本
2008/09/06 Python
python文件读写操作与linux shell变量命令交互执行的方法
2015/01/14 Python
用Python进行TCP网络编程的教程
2015/04/29 Python
在Python的Django框架中加载模版的方法
2015/07/16 Python
python中import与from方法总结(推荐)
2019/03/21 Python
selenium获取当前页面的url、源码、title的方法
2019/06/12 Python
在Django的View中使用asyncio的方法
2019/07/12 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
Django model重写save方法及update踩坑详解
2020/07/27 Python
CSS3实现多重边框的方法总结
2016/05/31 HTML / CSS
Huda Beauty官方商店:化妆和美容产品
2020/09/05 全球购物
师范大学应届生求职信
2013/11/21 职场文书
毕业生找工作的求职信范文
2013/12/24 职场文书
工作分析计划书
2014/04/30 职场文书
演讲比赛策划方案
2014/06/11 职场文书
应届毕业生自荐书
2014/06/18 职场文书
乡镇挂职心得体会
2014/09/04 职场文书
信用卡工资证明范本
2014/10/17 职场文书
销售员岗位职责范本
2015/04/11 职场文书
nginx前后端同域名配置的方法实现
2021/03/31 Servers
CSS预处理框架——Stylus
2021/04/21 HTML / CSS