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 相关文章推荐
输入密码检测大写是否锁定js实现代码
Dec 03 Javascript
JS保存和删除cookie操作 判断cookie是否存在
Nov 13 Javascript
jquery动态加载js/css文件方法(自写小函数)
Oct 11 Javascript
JavaScript获取指定元素位置的方法
Apr 08 Javascript
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
Nov 18 Javascript
最全面的JS倒计时代码
Sep 17 Javascript
JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)
Jan 06 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
Sep 07 Javascript
详解利用 Express 托管静态文件的方法
Sep 18 Javascript
在vscode 中设置 vue模板内容的方法
Sep 02 Javascript
vue 导航守卫和axios拦截器有哪些区别
Dec 19 Vue.js
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
Mar 01 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
thinkPHP5.0框架配置格式、加载解析与读取方法
2017/03/17 PHP
PHP使用zlib扩展实现GZIP压缩输出的方法详解
2018/04/09 PHP
javascript奇异的arguments分析
2010/10/20 Javascript
让ie运行js时提示允许阻止内容运行的解决方法
2010/10/24 Javascript
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
2012/02/03 Javascript
jQuery中val()方法用法实例
2014/12/25 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
2015/11/24 Javascript
AngularJs IE Compatibility 兼容老版本IE
2016/09/01 Javascript
浅谈JQ中mouseover和mouseenter的区别
2016/09/13 Javascript
js中获取键盘事件的简单实现方法
2016/10/10 Javascript
js实现多张图片延迟加载效果
2017/07/17 Javascript
css和js实现弹出登录居中界面完整代码
2017/11/26 Javascript
vue移动端路由切换实例分析
2018/05/14 Javascript
微信小程序学习笔记之本地数据缓存功能详解
2019/03/29 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
2019/10/12 Javascript
不刷新网页就能链接新的js文件方法总结
2020/03/01 Javascript
JavaScript中Object、map、weakmap的区别分析
2020/12/15 Javascript
[04:16]DOTA2英雄梦之声_第09期_斧王
2014/06/21 DOTA
[29:16]完美世界DOTA2联赛决赛日 Inki vs LBZS 第三场 11.08
2020/11/10 DOTA
对python过滤器和lambda函数的用法详解
2019/01/21 Python
Python学习笔记之自定义函数用法详解
2019/06/08 Python
pandas的相关系数与协方差实例
2019/12/27 Python
python列表推导和生成器表达式知识点总结
2020/01/10 Python
python3中关于excel追加写入格式被覆盖问题(实例代码)
2020/01/10 Python
法律专业应届生自荐信范文
2014/01/06 职场文书
求职信的七个关键技巧
2014/02/05 职场文书
行政助理工作职责范本
2014/03/04 职场文书
党员干部作风建设思想汇报范文
2014/10/25 职场文书
政风行风评议个人心得体会
2014/10/29 职场文书
公务员个人考察材料
2014/12/23 职场文书
总经理岗位职责范本
2015/04/01 职场文书
公务员处分决定书
2015/06/25 职场文书
Nginx URL重写rewrite机制原理及使用实例
2021/04/01 Servers
详解Javascript实践中的命令模式
2021/05/05 Javascript
Mysql开启外网访问
2022/05/15 MySQL