浅谈 JSONP
2019-02-12 14:51:39 # JSONP

[toc]

JSONP

全称 JSON with Padding，用于解决AJAX跨域问题的一种方案。 由于同源策略的限制，浏览器只允许XmlHttpRequest请求当前源（域名、协议、端口）的资源，而对请求script资源没有限制。通过请求script标签实现跨域请求，然后在服务端输出JSON数据并执行回调函数，这种跨域的数据的方式被称为JSONP。 

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
   var request = new XMLHttpRequest();

   request.onreadystatechange = function(){
       if (request.readyState === 4){
           if(request.status === 200){
               alert('success!');
           }
       }
   }
   request.open('GET','http://xxx.xxx.xx/json.txt');
   request.send();
   </script>

image.png image.png 服务端json.php

1
2
3
4
5
6
7
8
9
10
11
12
<?php
header('Content-type: application/json');

$jsoncallback = htmlspecialchars($_REQUEST['jsoncallback']);

$json_data = array(
            "username" => "test",
            "password" => "123456",
            "userimage" => "http://xxx.com/smi1e.jpg"
        );

echo $jsoncallback.'('.json_encode($json_data).')';

index.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
    <title>test_jsonp</title>
</head>
<script type="text/javascript">
    function refresh(data){
        var p = document.getElementById('test-jsonp');
        p.innerHTML = '测试:'+'</br>'+
        data.username+'</br>'+
        data.pssword+'</br>'+
        data.userimage+'</br>';
    }

    function gettxt(){
        var 
            js = document.createElement('script'),
            head = document.getElementsByTagName('head')[0];
        js.src='http://xxx.xxx.xxx/json.php?jsoncallback=refresh';
        head.appendChild(js);
    }

</script>
<body>
<p>hello,friend</p>
<p id='test-jsonp'>测试:</p>
<p><button type="button" onclick="gettxt()">刷新</button></p>
</body>
</html>

image.png image.png image.png

jsonp跨域漏洞

JSONP劫持 callback无过滤导致的xss bypass可以参考：JSONP 安全攻防技术

防御

1、严格安全的实现 CSRF 方式调用 JSON 文件：限制 Referer 、部署一次性 Token 等。 2、严格安装 JSON 格式标准输出 Content-Type 及编码（ Content-Type : application/json; charset=utf-8 ）。 3、严格过滤 callback 函数名及 JSON 里数据的输出。 4、严格限制对 JSONP 输出 callback 函数名的长度。

Referer

https://juejin.im/entry/59a5a194f265da24734447f2 https://segmentfault.com/a/1190000007935557

Prev
2019-02-12 14:51:39 # JSONP
Next