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 arguments 传递给函数的隐含参数
Aug 21 Javascript
js动态加载以及确定加载完成的代码
Jul 31 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
Dec 16 Javascript
jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)
Apr 16 Javascript
js实现div在页面拖动效果
May 04 Javascript
JS制作类似选项卡切换的年历
Dec 03 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
Aug 30 Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
Oct 26 Javascript
layui动态加载多表头的实例
Sep 05 Javascript
javascript利用canvas实现鼠标拖拽功能
Jul 23 Javascript
Vue+axios封装请求实现前后端分离
Oct 23 Javascript
几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍
Mar 17 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 CLI实现简单的数据库实时监控调度
2009/07/01 PHP
PHP is_dir() 判断给定文件名是否是一个目录
2010/05/10 PHP
PHP学习笔记之数组篇
2011/06/28 PHP
自定义php类(查找/修改)xml文档
2013/03/26 PHP
php实现的获取网站备案信息查询代码(360)
2013/09/23 PHP
PHP多个文件上传到服务器实例
2014/10/29 PHP
PHP文件读写操作相关函数总结
2014/11/18 PHP
PHP序列化的四种实现方法与横向对比
2018/11/29 PHP
jquery实现移动端点击图片查看大图特效
2020/09/11 Javascript
AngularJS基础 ng-href 指令用法
2016/08/01 Javascript
微信小程序实现拖拽 image 触摸事件监听的实例
2017/08/17 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
2018/05/06 Javascript
《javascript少儿编程》location术语总结
2018/05/27 Javascript
使用Three.js实现太阳系八大行星的自转公转示例代码
2019/04/09 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
2020/02/07 Javascript
[02:08]DOTA2英雄基础教程 马格纳斯
2014/01/17 DOTA
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
Python中实现两个字典(dict)合并的方法
2014/09/23 Python
Python正则表达式常用函数总结
2017/06/24 Python
修改默认的pip版本为对应python2.7的方法
2018/11/06 Python
详解重置Django migration的常见方式
2019/02/15 Python
Python scipy的二维图像卷积运算与图像模糊处理操作示例
2019/09/06 Python
Python while true实现爬虫定时任务
2020/06/08 Python
记录模型训练时loss值的变化情况
2020/06/16 Python
python3 re返回形式总结
2020/11/20 Python
python中二分查找法的实现方法
2020/12/06 Python
常用的HTML5列表标签
2017/06/20 HTML / CSS
军训的自我鉴定
2013/12/10 职场文书
学雷锋演讲稿汇总
2014/05/10 职场文书
公司踏青活动方案
2014/08/16 职场文书
试用期转正后的自我评价
2014/09/21 职场文书
公司法定代表人授权委托书
2014/09/29 职场文书
民政局办理协议离婚(范本)
2014/10/25 职场文书
公司财务部岗位职责
2015/04/14 职场文书
高三教师工作总结2015
2015/07/21 职场文书
MySQL Shell的介绍以及安装
2021/04/24 MySQL