如何使用jsonp的返回值
时间: 2024-04-27 20:19:32 浏览: 8
要使用 JSONP 返回值,您需要将其包装在一个函数中,然后将其作为 JavaScript 代码来执行。具体步骤如下:
1. 在客户端中定义一个 JavaScript 函数,函数名称与服务器端返回的回调函数名称一致。
```
function callbackFunction(data) {
console.log(data);
}
```
2. 在客户端中创建一个 `<script>` 标签,并将其 `src` 属性设置为 JSONP 接口的 URL,同时在 URL 的查询字符串中添加指定的回调函数名称。
```
var script = document.createElement('script');
script.src = 'http://example.com/api?callback=callbackFunction';
document.body.appendChild(script);
```
3. 服务器端接收到请求后,根据查询字符串中的回调函数名称,动态生成一段 JavaScript 代码,并将其返回给客户端。该代码包括函数调用和 JSON 数据作为参数。
```
callbackFunction({
"name": "John",
"age": 30,
"city": "New York"
});
```
4. 客户端接收到服务器端返回的 JavaScript 代码后,执行该代码,即可获取到 JSON 数据,并在回调函数中进行处理。
```
function callbackFunction(data) {
console.log(data); // 输出: { "name": "John", "age": 30, "city": "New York" }
}
```
注意:使用 JSONP 时需要注意安全问题,因为任何可以控制 JSON 数据的服务器都可以在其中插入恶意代码。因此,建议只从可信任的服务器获取 JSON 数据,并在客户端对数据进行严格的验证和过滤。