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 编程引入命名空间的方法与代码
Aug 13 Javascript
文本链接逐个出现的js脚本
Dec 12 Javascript
js+csss实现的一个带复选框的下拉框
Sep 29 Javascript
基于jquery ui的alert,confirm方案(支持换肤)
Apr 03 Javascript
JS实现自动变换的菜单效果代码
Sep 09 Javascript
bootstrap中模态框、模态框的属性实例详解
Feb 17 Javascript
Angular动态添加、删除输入框并计算值实例代码
Mar 29 Javascript
微信小程序-滚动消息通知的实例代码
Aug 03 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
VUE前端cookie简单操作
Oct 17 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
Feb 21 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
Jan 12 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 db类库进行数据库操作
2009/03/19 PHP
php中获取指定IP的物理地址的代码(正则表达式)
2011/06/23 PHP
php页面防重复提交方法总结
2013/11/25 PHP
PHP实现更新中间关联表数据的两种方法
2014/09/01 PHP
thinkphp5引入公共部分header、footer的方法详解
2018/09/14 PHP
php ZipArchive实现多文件打包下载实例
2019/10/31 PHP
Nigma vs Alliance BO5 第一场2.14
2021/03/10 DOTA
简短几句 通俗解释javascript的闭包
2011/01/17 Javascript
jquery1.9 下检测浏览器类型和版本的方法
2013/12/26 Javascript
jQuery无刷新分页完整实例代码
2015/10/27 Javascript
js实现延时加载Flash的方法
2015/11/26 Javascript
Bootstrap Tree View简单而优雅的树结构组件实例解析
2017/06/15 Javascript
angular6.0开发教程之如何安装angular6.0框架
2018/06/29 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
2018/08/28 Javascript
tracking.js页面人脸识别插件使用方法
2020/04/16 Javascript
AjaxFileUpload.js实现异步上传文件功能
2019/04/19 Javascript
p5.js临摹动态图形的方法
2019/10/23 Javascript
JavaScript实现简单的弹窗效果
2020/05/19 Javascript
[32:07]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第一场 12.16
2020/12/17 DOTA
python实现k均值算法示例(k均值聚类算法)
2014/03/16 Python
Python 3中的yield from语法详解
2017/01/18 Python
详解python脚本自动生成需要文件实例代码
2017/02/04 Python
python+selenium打印当前页面的titl和url方法
2018/06/22 Python
Python走楼梯问题解决方法示例
2018/07/25 Python
windows下安装Python虚拟环境virtualenvwrapper-win
2019/06/14 Python
python3 Scrapy爬虫框架ip代理配置的方法
2020/01/17 Python
Python tkinter制作单机五子棋游戏
2020/09/14 Python
解决import tensorflow导致jupyter内核死亡的问题
2021/02/06 Python
python爬取2021猫眼票房字体加密实例
2021/02/19 Python
input file上传文件样式支持html5的浏览器解决方案
2012/11/14 HTML / CSS
this关键字的含义
2015/04/08 面试题
新媒传信软件测试面试题
2013/02/24 面试题
表扬稿范文
2015/01/17 职场文书
大学生十八大感想
2015/08/11 职场文书
教师理论学习心得体会
2016/01/21 职场文书
MySQL优化之如何写出高质量sql语句
2021/05/17 MySQL