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 相关文章推荐
document.open() 与 document.write()的区别
Aug 13 Javascript
javascript-简单的日历实现及Date对象语法介绍(附图)
May 30 Javascript
JS和Jquery获取和修改label的值的示例代码
Jan 15 Javascript
JavaScript AJAX之惰性载入函数
Aug 27 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
Jun 16 Javascript
jQuery使用getJSON方法获取json数据完整示例
Sep 13 Javascript
基于jQuery的checkbox全选问题分析
Nov 18 Javascript
BootStrapValidator初使用教程详解
Feb 10 Javascript
mongoose更新对象的两种方法示例比较
Dec 19 Javascript
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
Sep 21 Javascript
详解适配器在JavaScript中的体现
Sep 28 Javascript
了解JavaScript中的选择器
May 24 Javascript
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面向对象全攻略 (二) 实例化对象 使用对象成员
2009/09/30 PHP
Windows下利用Gvim写PHP产生中文乱码问题解决方法
2011/04/20 PHP
国外十大最流行的PHP框架排名
2013/07/04 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
PHP使用函数用法详解
2018/09/30 PHP
JavaScript 核心参考教程 内置对象
2009/10/13 Javascript
jQuery调用WebService的实现代码
2011/06/19 Javascript
基于JQuery打造无缝滚动新闻步骤详解
2016/03/31 Javascript
浅析JS原型继承与类的继承
2016/04/07 Javascript
js实现可控制左右方向的无缝滚动效果
2016/05/29 Javascript
浅谈JavaScript的自动垃圾收集机制
2016/12/15 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
ES6中Math对象的部分扩展
2017/02/20 Javascript
Mongoose中document与object的区别示例详解
2017/09/18 Javascript
js如何获取图片url的Blob值并预览示例代码
2019/03/07 Javascript
JavaScript高阶教程之“==”隐藏下的类型转换
2019/04/11 Javascript
BootstrapValidator验证用户名已存在(ajax)
2019/11/08 Javascript
JS浏览器BOM常见操作实例详解
2020/04/27 Javascript
[42:22]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第一局
2016/02/27 DOTA
详解Python中如何写控制台进度条的整理
2018/03/07 Python
python实现比较文件内容异同
2018/06/22 Python
Python设计模式之组合模式原理与用法实例分析
2019/01/11 Python
pandas DataFrame 行列索引及值的获取的方法
2019/07/02 Python
Django中间件拦截未登录url实例详解
2019/09/03 Python
TensorFlow——Checkpoint为模型添加检查点的实例
2020/01/21 Python
keras实现theano和tensorflow训练的模型相互转换
2020/06/19 Python
世界最大的海报和艺术印刷商店:AllPosters.com
2017/02/01 全球购物
moosejaw旗下的户外商品促销网站:Mountain Steals
2017/02/27 全球购物
微软新西兰官方网站:Microsoft New Zealand
2018/08/17 全球购物
端午节粽子促销活动方案
2014/02/02 职场文书
单位授权委托书范本
2014/09/26 职场文书
中班教师个人总结
2015/02/05 职场文书
论文致谢词范文
2015/05/14 职场文书
K8s部署发布Golang应用程序的实现方法
2021/07/16 Golang
SQL实战演练之网上商城数据库商品类别数据操作
2021/10/24 MySQL