编程 Javascript

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中，这样一次跨域数据交互就完成了，是不是特别简单。

php跨域调用json的例子

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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