注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

php开发lamp

《西安--木木》-经历丰富了生活。 架构师QQ群: 246695517

 
 
 

日志

 
 

jsonp小事例  

2018-02-07 16:43:47|  分类: js |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1.本地index.html  在 www.a.com域名下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="headtitle">
<title></title>
</head>
<body>
<input type="button" value="发送跨域HTTP请求,获取数据" onclick="getHello()" />
<script type="text/javascript">
// 得到航班信息查询结果后的回调函数
var flightHandler = function(data){
alert('你查询的航班结果是:票价 ' + data.price + ' 元,' + '余票 ' + data.tickets + ' 张。');
};

function getHello() {
//删除上一个无用的请求地址标签
var thisNode= document.getElementsByClassName('flightResult');
if(thisNode[0]){
document.getElementById('headtitle').removeChild(thisNode[0]);
}

// 提供jsonp服务的url地址(不管是什么类型的地址,最终生成的返回值都是一段javascript代码)
var url = "http://www.gohosts.com/flightResult.php?code=CA1998&callback=flightHandler";
// 创建script标签,设置其属性
var script = document.createElement('script');
script.setAttribute('src', url);
script.setAttribute('class', 'flightResult');
// 把script标签加入head,此时调用开始
document.getElementsByTagName('head')[0].appendChild(script);
}

</script>
</body>
</html>
2.远程php文件flightHandler.php在www.b.com域名下

flightHandler({"code": "CA1998","price": 1780,"tickets": 5});


  评论这张
 
阅读(7)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018