编程 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判断浏览器的比较全的代码

Feb 13 Javascript

Javascript 鼠标移动上去小三角形滑块缓慢跟随效果

Apr 26 Javascript

使用firebug进行调试javascript的示例

Dec 16 Javascript

node.js中的fs.readSync方法使用说明

Dec 17 Javascript

使用PHP+JavaScript将HTML页面转换为图片的实例分享

Apr 18 Javascript

JS实现点击事件统计的简单实例

Jul 10 Javascript

Javascript之深入浅出prototype

Feb 06 Javascript

详解React-Native全球化多语言切换工具库react-native-i18n

Nov 03 Javascript

JavaScript判断日期时间差的实例代码

Mar 01 Javascript

AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例

Apr 21 Javascript

Vue 使用中的小技巧

Apr 26 Javascript

用JS实现根据当前时间随机生成流水号或者订单号

May 31 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开发规范手册之PHP代码规范详解

2011/01/13 PHP

php将mysql数据库整库导出生成sql文件的具体实现

2014/01/08 PHP

50个PHP程序性能优化的方法

2014/06/02 PHP

Codeigniter中mkdir创建目录遇到权限问题和解决方法

2014/07/25 PHP

php安全配置记录和常见错误梳理(总结)

2017/03/28 PHP

Yii2.0框架模型多表关联查询示例

2019/07/18 PHP

popdiv

2006/07/14 Javascript

JavaScript 面向对象编程（2）定义类

2010/05/18 Javascript

jQuery中json对象的复制方式介绍(数组及对象)

2013/06/08 Javascript

jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态

2013/10/29 Javascript

Ajax同步与异步传输的示例代码

2013/11/21 Javascript

jQuery中[attribute]选择器用法实例

2014/12/31 Javascript

JS替换字符串中空格方法

2015/04/17 Javascript

AngularJS基础学习笔记之控制器

2015/05/10 Javascript

JavaScript对Cookie进行读写操作实例

2015/07/25 Javascript

JS敏感词过滤代码

2016/12/23 Javascript

使用vue-cli（vue脚手架）快速搭建项目的方法

2018/05/21 Javascript

Angularjs之如何在跨域请求中传输Cookie的方法

2018/06/01 Javascript

在微信小程序中使用图表的方法示例

2019/04/25 Javascript

layUI实现前端分页和后端分页

2019/07/27 Javascript

jQuery操作元素追加内容示例

2020/01/10 jQuery

jQuery 添加元素和删除元素的方法

2020/07/15 jQuery

python开发中range()函数用法实例分析

2015/11/12 Python

python解析多层json操作示例

2019/12/30 Python

python 连续不等式语法糖实例

2020/04/15 Python

Python3自动生成MySQL数据字典的markdown文本的实现

2020/05/07 Python

termux中matplotlib无法显示中文问题的解决方法

2021/01/11 Python

html5给汉字加拼音加进度条的实现代码

2020/04/07 HTML / CSS

斯凯奇美国官网：SKECHERS美国

2016/08/20 全球购物

日本高端护肤品牌：Tatcha

2016/08/29 全球购物

优质有机椰子产品：Dr. Goerg

2019/09/24 全球购物

英文版餐饮运营管理求职信

2013/11/06 职场文书

客户经理岗位职责

2013/12/08 职场文书

事业单位年度考核评语

2014/12/31 职场文书

如何开发一个渐进式Web应用程序PWA

2021/05/10 Javascript

logback 实现给变量指定默认值

2021/08/30 Java/Android