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 相关文章推荐
用ADODB.Stream转换
Jan 22 Javascript
关于jQuery $.isNumeric vs. $.isNaN vs. isNaN
Apr 15 Javascript
JS中的log对象获取以及debug的写法介绍
Mar 03 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
Dec 01 Javascript
如何通过js实现图片预览功能【附实例代码】
Mar 30 Javascript
Ubuntu 16.04 64位中搭建Node.js开发环境教程
Oct 19 Javascript
JS实现css hover操作的方法示例
Apr 07 Javascript
vue 2.0封装model组件的方法
Aug 03 Javascript
pm2 部署 node的三种方法示例
Oct 20 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
vue监听浏览器原生返回按钮,进行路由转跳操作
Sep 09 Javascript
vue中利用mqtt服务端实现即时通讯的步骤记录
Jul 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
PHP5 面向对象程序设计
2008/02/13 PHP
iframe异步加载实现点击左边菜单加载右边内容实例讲解
2013/03/04 Javascript
js中settimeout方法加参数的使用实例
2014/02/27 Javascript
js中的for如何实现foreach中的遍历
2014/05/31 Javascript
浅析Node.js查找字符串功能
2014/09/03 Javascript
jQuery中outerWidth()方法用法实例
2015/01/19 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
AngularJS中使用HTML5手机摄像头拍照
2016/02/22 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
2016/06/17 Javascript
jQuery实现根据滚动条位置加载相应内容功能
2016/07/18 Javascript
深入理解选择框脚本[推荐]
2016/12/13 Javascript
原生JS实现几个常用DOM操作API实例
2017/01/19 Javascript
原生JS和jQuery操作DOM对比总结
2017/01/19 Javascript
Vue.js 2.0中select级联下拉框实例
2017/03/06 Javascript
前端常见跨域解决方案(全)
2017/09/19 Javascript
vscode调试node.js的实现方法
2020/03/22 Javascript
原生js实现无缝轮播图效果
2021/01/28 Javascript
[02:54]DOTA2英雄基础教程 撼地者
2014/01/14 DOTA
[00:34]DOTA2上海特级锦标赛 Spirit战队宣传片
2016/03/04 DOTA
python使用webbrowser浏览指定url的方法
2015/04/04 Python
常用python编程模板汇总
2016/02/12 Python
python实现机械分词之逆向最大匹配算法代码示例
2017/12/13 Python
Python实现使用卷积提取图片轮廓功能示例
2018/05/12 Python
python 解压pkl文件的方法
2018/10/25 Python
django 单表操作实例详解
2019/07/30 Python
解决pandas展示数据输出时列名不能对齐的问题
2019/11/18 Python
python线程里哪种模块比较适合
2020/08/02 Python
2014年圣诞节倒计时网页的制作过程
2014/12/05 HTML / CSS
数以千计的折扣工业产品:ESE Direct
2018/05/20 全球购物
查找廉价航班和发现新目的地:Kiwi.com
2019/02/25 全球购物
护士检查书
2014/01/17 职场文书
业务总经理岗位职责
2014/02/03 职场文书
房地产端午节活动方案
2014/08/24 职场文书
2014第二批党的群众路线教育实践活动对照检查材料思想汇报
2014/09/18 职场文书
女人创业励志语录,句句蕴含能量,激发你的潜能
2019/08/20 职场文书
利用Sharding-Jdbc进行分库分表的操作代码
2022/01/22 Java/Android