JSONP 跨域共享信息

定义来源:http://zh.wikipedia.org/wiki/JSONP

JSONPJSON with Padding)是资料格式 JSON 的一种“使用模式”,可以让网页从别的网域要资料。另一个解决这个问题的新方法是跨来源资源共享。

由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com 的服务器沟通,而 HTML 的 <script> 元素是一个例外。利用 <script> 元素的这个开放策略,网页可以得到从其他来源动态产生的 JSON 资料,而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并不是 JSON,而是任意的 JavaScript,用 JavaScript 直译器执行而不是用 JSON 解析器解析。

下面是我在一个项目中的应用:

描述:域名dev.uc.everychina.com 要获得域名 dev.members.everychina.com下的数据

dev.members.everychina.com的服务器端代码:

class JsController extends CController {
public function actionIndex() {$callback = isset($_GET['callback']) ? $_GET['callback'] : '';$result = array();$userinfo = Intf_Client_Uc_User::instance()->getLoginUser();$cid = Everychina_Member::instance()->getCid($userinfo['uid']);//公司展厅评分$room_score = Ec_RoomScore::getInstance();//获得展厅老的评分$update_status = true;//重新评分if(isset($_GET['action']) && $_GET['action']=='update') {                                  $score_res = $room_score->getScoreInfo($cid);                     $room_score->updateScoreResult($cid,$score_res);$update_status = true;                 }$result['status'] = $update_status;$res = $room_score->getScoreResult($cid);      $result['score'] = $room_score->getScoreResultView($res['score']);if ($callback) {$js = json_encode($result);echo "$callback( ($js) );";} }

域名 dev.uc.everychina.com 下,前端调用(html)

<a id="update_score" href="#" onclick="ajaxUpdateScore();return false;">update score</a>
<div id="member_score"></div>

javascript

    function ajaxUpdateScore(){if(document.getElementById("member_score_script")) {var score_script = document.getElementById("member_score_script");            document.body.removeChild(score_script);                         }var score_script = document.createElement("script");score_script.id = "member_score_script";score_script.src = 'http://dev.members.everychina.com/index.php?r=js/index&callback=show_score&t='+new Date().getTime();document.body.appendChild(score_script);
}
function show_score(json) { if(json.status == true) {var html = '<p>level:'+json.score.level+'</p>';html += '<p>msg:'+json.score.msg+'</p>';html += '<p>score:'+json.score.score+'</p>';$("#member_score").html(html); }}

转载于:https://www.cnblogs.com/daxian2012/archive/2012/08/15/2640650.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/422245.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

crontab 每周五_crontab定时任务 每隔一周的周五执行

定时任务每隔一周的周五执行 * * * * 05 /bin/bash -c (($(date +\%s) / 86400 \% 14)) && your-script 测试是否成功执行命令 写入定时任务 crontab -e 01 04 * * 05 /bin/bash -c (($(date +\%s) / 86400 \% 14)) && /bin/date +\%F_\%w >>/tmp/date.l…

jdbc各种数据库的连接说明

-------------------------------oracle--------------------------------驱动&#xff1a;oracle.jdbc.driver.OracleDriver URL&#xff1a;jdbc:oracle:thin:<machine_name><:port>:dbname 注&#xff1a;machine_name&#xff1a;数据库所在的机器的名称&#…

linux mysql 端口配置文件_linux虚拟机中各服务端口及配置文件路径

查询端口状况命令&#xff1a; netstat -an| grep 端口号查询服务状态(服务是否开启)命令&#xff1a;systemctl status 服务名开启服务命令&#xff1a;systemctl start 服务名1. ssh服务&#xff1a;端口 &#xff1a;22 配置文件路径&#xff1a;/etc/ssh/ssh.con…

前端学习(539):全屏布局得实现

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>全屏布局</title><style>html,body{mar…

【翻译】Pro.Silverlight.5.in.CSharp.4th.Edition - 第三章 布局 03

目录&#xff1a;点击这里 上一篇&#xff1a;【翻译】Pro.Silverlight.5.in.CSharp.4th.Edition - 第三章 布局 02 使用Canvas基于坐标布局 到目前为止我们还剩下Canvas没有学习到。Canvas可以让我们使用精确坐标给元素设置位置。对于设计一个以数据为主导的窗体和标准对话框来…

mysql mvcc 隔离级别_关于 Mysql 四种隔离级别中 Lock 和 MVCC 的关系

读写锁共享锁(share lock)&#xff5c; 读锁(read lock)读锁是共享的&#xff0c;或者说是相互不阻塞的。多个客户在同一时刻可以同时读取同一个资源&#xff0c;而互不干扰SELECT ... LOCK IN SHARE MODE排他锁(exclusive lock)&#xff5c; 写锁(write locl)写锁则是具有排他…

python三级联动菜单_VUE+element三级联动或树形菜单获取最后一项,并加入到表格中...

如下图,要实现的功能如下,勾选三级联动的材料,勾选最后一级的材料,把勾选的材料信息动态添加到下面表格中1 data数据return {options:[], // 三级联动 数据optionsObj : {} //{id: item} 材料id键值对clList: [], // 选中的材料}2 从后台获取三级联动数据getDataTrees(){this.s…

开博声明

首先想说的是博客园的博客一键搬家功能真不错&#xff0c;很方便的把CSDN上的旧博文搬家过来了&#xff0c;虽然只有区区几篇&#xff0c;但是敝帚自珍嘛。 在这里开博的原因有几个方面&#xff0c;一是随着工作年限的增加&#xff0c;越来越感觉到平时积累的重要性&#xff0c…

前端学习(542):node得环境搭建

进入官网下载 node.js 建立一个文件夹 直接下一步&#xff0c;下一步 安装完成以后 winr 安装完成 建立一个js文件 找到路径 运行

python语言是非跨平台语言吗_python是跨平台的语言吗

Python是跨平台的&#xff0c;免费开源的一门计算机编程语言。是一种面向对象的动态类型语言&#xff0c;最初被设计用于编写自动化脚本(shell)&#xff0c;随着版本的不断更新和语言新功能的添加&#xff0c;越来越多被用于独立的、大型项目的开发。支持常见的主流平台&#x…

技术人员,你拿什么拯救你的生活----温水煮青蛙

有时候&#xff0c;我常常问自己这样一个问题&#xff1a;如何哪天你不搞技术了&#xff0c;你还可以干什么&#xff1f;还能够用什么来养活自己和家人&#xff1f;很多的朋友看到这个问题之后可以给出很多的答案&#xff0c;例如转管理&#xff0c;自主创业&#xff0c;实在不…

用python直接调用asr技术_语音识别技术ASR(一)基本概念

注&#xff1a;本文内容主要来源自台大李宏毅老师的Deep Learning for Human Language Processing系列课程一、语音识别的基本过程语音识别的输入一般是时域的语音信号&#xff0c;数学上用一系列向量表示(length T, dimension d)&#xff0c;输出是文本&#xff0c;用一系列to…

前端学习(544):node的全局模块

//console.log(process.env);let num1parseInt(process.argv[2]) let num2parseInt(process.argv[3])console.log(num1num2);运行

C#笔记(五):文件和流

我们可以知道&#xff0c;在System.IO 命名空间下提供了一系列的类&#xff0c;我们可以通过相应的类进行文件、目录、数据流的操作。System.IO 命名空间 原理&#xff1a;.NET Framework封装了一系列底层的方法&#xff0c;有些直接与Windows API打交道。那么例如创建文件&…

MySql中游标的定义与使用方式_数据库系列:MySql中游标的定义与使用方式

创建游标首先在MySql中创建一张数据表&#xff1a;CREATE TABLE IF NOT EXISTS store (id int(11) NOT NULL AUTO_INCREMENT,name varchar(20) NOT NULL,count int(11) NOT NULL DEFAULT 1,PRIMARY KEY (id)) ENGINEInnoDB DEFAULT CHARSETlatin1 AUTO_INCREMENT7;INSERT INTO …

前端学习(545):node的系统模块require

let path require(path);console.log(path.dirname(/node/a/b/c/1.jpg)); console.log(path.basename(/node/a/b/c/1.jpg)); console.log(path.extname(/node/a/b/c/1.jpg)); 运行结果