脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → json → JSONP 跨域

JSONP 跨域共享信息

 更新时间：2012年08月16日 11:33:52   作者：  
JSONP（JSON 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);
}
}
您可能感兴趣的文章:

相关文章

  • ajax处理php返回json数据的实例代码

    ajax处理php返回json数据的实例代码

    有时候我们需要ajax处理php返回的json数据，适合经常用php开发的朋友，需要的朋友可以参考下
    2013-01-01
  • 把普通对象转换成json格式的对象的简单实例

    把普通对象转换成json格式的对象的简单实例

    下面小编就为大家带来一篇把普通对象转换成json格式的对象的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JSON扫盲帖 JSON.as类教程

    JSON扫盲帖 JSON.as类教程

    如果json字符串是从html用FlashVars来传递参数时那么字符串中的第一个双引号(包括双引号)以后的内容就不会得到传送.
    2009-02-02
  • 半个小时学json(json传递示例)

    半个小时学json(json传递示例)

    这篇文章主要介绍了半个小时学json(json传递示例),主要包括一维数组与二维数组，需要的朋友可以参考下
    2016-12-12
  • javascript JSON操作入门实例

    javascript JSON操作入门实例

    JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。
    2010-04-04
  • JSON.parse()方法转换对象的示例以及注意事项

    JSON.parse()方法转换对象的示例以及注意事项

    这篇文章主要介绍了JSON.parse()方法转换对象的示例以及注意事项,我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象,需要的朋友可以参考下
    2023-05-05
  • json-lib出现There is a cycle in the hierarchy解决办法

    json-lib出现There is a cycle in the hierarchy解决办法

    如果需要解析的数据间存在级联关系，而互相嵌套引用，在hibernate中极容易嵌套而抛出net.sf.json.JSONException: There is a cycle in the hierarchy异常。
    2010-02-02
  • Javascript生成json的函数代码(可以用php的json_decode解码)

    Javascript生成json的函数代码(可以用php的json_decode解码)

    这几天迷上了JSON，连项目中一些XML的工作都交给了JSON，话说JSON真的比XML方便的多啊
    2012-06-06
  • 解读JSON的三种格式

    解读JSON的三种格式

    这篇文章主要介绍了解读JSON的三种格式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-01-01
  • json简单介绍

    json简单介绍

    我们知道AJAX技术能够使得每一次请求更加迅捷，对于每一次请求返回的不是整个页面，也仅仅是所需要返回的数据。
    2008-06-06

最新评论