编程 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 相关文章推荐

收藏Javascript中常用的55个经典技巧

Aug 12 Javascript

iphone safari不支持position fixed的解决方法

May 04 Javascript

Angularjs编写KindEditor,UEidtor,jQuery指令

Jan 28 Javascript

jQuery.Highcharts.js绘制柱状图饼状图曲线图

Mar 14 Javascript

jQuery实现在下拉列表选择时获取json数据的方法

Apr 16 Javascript

只需五句话搞定JavaScript作用域(经典)

Jul 26 Javascript

jquery实现自适应banner焦点图

Feb 16 Javascript

Vue2.0 vue-source jsonp 跨域请求

Aug 04 Javascript

如何为你的JS项目添加智能提示与类型检查详解

Mar 12 Javascript

Vue多环境代理配置方法思路详解

Jun 21 Javascript

Vue实现购物车基本功能

Nov 08 Javascript

vue-router中hash模式与history模式的区别

Jun 23 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

mysq GBKl乱码

2006/11/28 PHP

cakephp打印sql语句的方法

2015/02/13 PHP

php对文件进行hash运算的方法

2015/04/03 PHP

php执行多个存储过程的方法【基于thinkPHP】

2016/11/08 PHP

laravel 关联关系遍历数组的例子

2019/10/10 PHP

DOM 脚本编程中的兄弟节点

2009/10/31 Javascript

js 动态文字滚动的例子

2011/01/17 Javascript

jquery方法+js一般方法+js面向对象方法实现拖拽效果

2012/08/30 Javascript

jQuery Form 页面表单提交的小例子

2013/11/15 Javascript

js通过更改按钮的显示样式实现按钮的滑动效果

2014/04/23 Javascript

JavaScript中遍历对象的property的3种方法介绍

2014/12/30 Javascript

IE及IE6浏览器中判断JS文件加载成功失败的方法

2015/02/18 Javascript

基于JS2Image实现圣诞树代码

2015/12/24 Javascript

jQuery Easyui实现左右布局

2016/01/26 Javascript

jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)

2016/06/28 Javascript

js获取当前页的URL与window.location.href简单方法

2017/02/13 Javascript

jQuery+SpringMVC中的复选框选择与传值实例

2018/01/08 jQuery

LayerClose弹窗关闭刷新方法

2018/08/17 Javascript

vue实现密码显示与隐藏按钮的自定义组件功能

2019/04/23 Javascript

详解json串反转义（消除反斜杠）

2019/08/12 Javascript

python用字典统计单词或汉字词个数示例

2014/04/22 Python

在Django的模型中执行原始SQL查询的方法

2015/07/21 Python

详解python3中zipfile模块用法

2018/06/18 Python

使用HTML5 Canvas API控制字体的显示与渲染的方法

2016/03/24 HTML / CSS

银河香水：Galaxy Perfume

2019/03/25 全球购物

高校辅导员推荐信范文

2013/12/25 职场文书

给校长的建议书

2014/03/12 职场文书

2014入党积极分子批评与自我批评思想报告

2014/10/06 职场文书

执法作风整顿剖析材料

2014/10/11 职场文书

刑事和解协议书范本

2014/11/19 职场文书

2014年财政所工作总结

2014/11/22 职场文书

写给父母的感谢信

2015/01/22 职场文书

2015年售票员工作总结

2015/04/29 职场文书

入队仪式主持词

2015/07/04 职场文书

vue+spring boot实现校验码功能

2021/05/27 Vue.js

javascript的var与let,const之间的区别详解

2022/02/18 Javascript