JQUERY让网页从别的域名、网站获取资料-跨域读取数据

本文介绍了JSONP作为跨域数据获取的解决方案,详细阐述了同源策略及其原因,并提供了JSONP的工作原理及其实现方式。通过服务端返回JSON格式数据并包裹在回调函数中,客户端通过定义该回调函数来处理数据。同时,展示了jQuery如何利用JSONP进行跨域请求的示例代码。
摘要由CSDN通过智能技术生成

Jsonp(JSON with Padding) 是 json 的一种”使用模式”,可以让网页从别的域名(网站)那获取资料,即跨域读取数据。

为什么我们从不同的域(网站)访问数据需要一个特殊的技术(JSONP )呢?这是因为同源策略。

同源策略,它是由Netscape提出的一个著名的安全策略,现在所有支持JavaScript 的浏览器都会使用这个策略。

JSONP 应用

1. 服务端JSONP格式数据

如客户想访问 :

https://www.html.cn/try/ajax/jsonp.php?jsoncallback=callbackFunction。

假设客户期望返回JSON数据:

["customername1","customername2"]。

真正返回到客户端的数据显示为: 

callbackFunction(["customername1","customername2"])

服务端文件jsonp.php代码为:

<?php
header('Content-type: application/json');//获取回调函数名
$jsoncallback = htmlspecialchars($_REQUEST ['jsoncallback']);//json数据
$json_data = '["customername1","customername2"]';//输出jsonp格式的数据
echo $jsoncallback . "(" . $json_data . ")";
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值