关于jsonp

发表于 分类于

Jsonp(JSON with Padding) 是 json 的一种"使用模式"，常用来进行跨域请求json数据。

原理

利用script标签可以跨域的特点，返回一段js代码对服务器获取的json数据进行处理。

举个栗子

比如：

1
2
3
4
5
6
7
8
9
<?php
header('Content-type: application/json');
//获取回调函数名
$jsoncallback = htmlspecialchars($_REQUEST ['jsoncallback']);
//json数据
$json_data = '["customername1","customername2"]';
//输出jsonp格式的数据
echo $jsoncallback . "(" . $json_data . ")";
?>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JSONP 实例</title>
</head>
<body>
    <div id="divCustomers"></div>
    <script type="text/javascript">
        function callbackFunction(result, methodName){
            var html = '<ul>';
            for(var i = 0; i < result.length; i++){
                html += '<li>' + result[i] + '</li>';
            }
            html += '</ul>';
            document.getElementById('divCustomers').innerHTML = html;
        }
</script>
<script src="http://someurl/jsonp.php?jsoncallback=callbackFunction"></script>
</body>
</html>

从上面例子可以看出，实际上就是从服务端获取json数据，然后在服务器端把json数据插入到回调函数中作为参数，然后服务端返回一段js代码给客户端的script标签，最后作为js代码执行。也就是间接的使用json数据！