jsonp步骤_JSONP 教程

JSONP 教程

本章节我们将向大家介绍 JSONP 的知识。

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

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

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

JSONP 应用

1. 服务端JSONP格式数据

如客户想访问 : http://www.runoob.com/try/ajax/jsonp.php?jsonp=callbackFunction。

假设客户期望返回JSON数据：["customername1","customername2"]。

真正返回到客户端的数据显示为: callbackFunction(["customername1","customername2"])。

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

jsonp.php 文件代码

header('Content-type: application/json');//获取回调函数名

$jsoncallback = htmlspecialchars($_REQUEST ['jsoncallback']);//json数据

$json_data = '["customername1","customername2"]';//输出jsonp格式的数据

echo $jsoncallback . "(" . $json_data . ")";

2. 客户端实现 callbackFunction 函数

functioncallbackFunction(result, methodName)

{var html = '

';for(var i = 0; i < result.length; i++)

{

html+= '

' + result[i] + '';

}

html+= '

document.getElementById('divCustomers').innerHTML =html;

}

页面展示

客户端页面完整代码

JSONP 实例

functioncallbackFunction(result, methodName)

{var html = '

';for(var i = 0; i < result.length; i++)

{

html+= '

' + result[i] + '';

}

html+= '

document.getElementById('divCustomers').innerHTML =html;

}

jQuery 使用 JSONP

以上代码可以使用 jQuery 代码实例：

JSONP 实例

{

html+= '

' + data[i] + '';

}

html+= '';

$('#divCustomers').html(html);

});

jsonp步骤_JSONP 教程相关推荐

jsonp步骤_JSONP 详解
1.什么是JSONP? JSONP(JSON with Padding)是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现 ...
jsonp步骤_jsonp的使用方法
参数jsonp 和 jsonpCallback jsonp指定使用哪个名字将回调函数传给服务端,也就是在服务端通过 request.getParameter(""); 的那个名字, ...
win10 安装docker流程_Windows10下安装Docker的步骤图文教程
本文主要是记录吾本人在Windows10下安装Docker的过程,当然这些步骤也是在网上搜索查阅资料得知而来的!具体步骤如下: 一.启用Hyper-V 打开控制面板 - 程序和功能 - 启用或关闭Wi ...
LNMP安装步骤详细教程以及一键部署脚本
LNMP安装步骤详细教程以及一键部署lnmp脚本安装包提取码:1w3t 文章目录一.安装 Nginx 服务二.安装 MySQL 服务三.安装配置 PHP 解析环境四.一键部署LNMP脚本 ...
安装mysql中文步骤_MySql安装步骤图文教程及中文乱码的解决方案
mysql server安装步骤如下所示: 1安装mysql server 2 安装mysqlserver管理工具解压中文语言包,将文件复制到安装目录下覆盖文件覆盖后,打开软件设置语言为中文(cn ...
Win11安装OBS Studio的详细步骤图文教程
Win11安装OBS Studio的详细步骤图文教程分享.一些用户为了进行更方便的视频直播录制功能,需要在电脑上安装OBS Studio.但是自己对这款软件比较陌生,而且因为它是英文的,不知道怎么安装 ...
win7系统自带的录像在哪里 Win7问题步骤记录器教程详解
v 在我们使用系统的时候是否遇到过有些疑难杂症想找人寻求帮助,但是苦于表述不清,解决起来十分困难的情况呢?当遇到了这样的问题怎么办?快用windows 7自带的问题步骤录制器记录下问题发生的每一个瞬间 ...
计算机课件制作教程ppt,电脑制作ppt详细步骤_新手制作ppt详细步骤图文教程
ppt大家应该都不陌生了,我们日常办公时经常会需要制作ppt.可是对于新手来说,还不太清楚电脑制作ppt详细步骤.那么今天小编就为大家带来新手制作ppt详细步骤图文教程,一起来看看吧. 新手制作ppt ...
vlookup使用步骤_vlookup怎么用详细步骤 vlookup函数的使用步骤 vlookup教程
vlookup怎么用详细步骤 vlookup函数的使用步骤 vlookup教程 2020-08-27 10:27:35 来源:网络扫码可以: 1.在手机上浏览 2.分享给微信好友或朋友圈摘要: ...

jsonp步骤_JSONP 教程

jsonp步骤_JSONP 教程相关推荐

最新文章

热门文章