首页 > Web开发 > 详细

jsonp跨域时如何解决xss漏洞

时间:2014-02-15 01:14:38      阅读:748      评论:0      收藏:0      [点我收藏+]

解决安全性问题,主要涉及两点:

(1) 前后端约定jsonp请求的js的回调函数名

(2) 服务器端指定返回的数据格式为json

 

以下是事例代码:

1. 前端js发起ajax跨域jsonp请求:

bubuko.com,布布扣
$.ajax({
    type: "GET",
    url: "http://xxx.com/getData",
    dataType: "jsonp", 
    jsonp: "callbackParam", //自定义callback参数名称
    jsonpCallback:"getData", //自定义callback的js函数名
    success: function(data) {
        ...
    }
});
bubuko.com,布布扣

2. 服务器端返回数据:

bubuko.com,布布扣
public function getData(){
    //指定返回的数据格式为json
    header("Content-type: application/json");

    $callback = $this->_param(‘callbackParam‘);

    //约定只接受某个js回调函数名
    if($callback != ‘getData‘) {
        $callback = ‘getData‘;
    }

    $data = array(...);

    echo $callback.‘(‘.json_encode($data).‘)‘;
    exit;
}
bubuko.com,布布扣

jsonp跨域时如何解决xss漏洞

原文:http://www.cnblogs.com/langtao/p/3549272.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!