ajax与jsonp的区别及用法
更新时间：2018年10月16日 10:39:29 投稿：laozhang
在本篇文章里我们给大家分享了ajax与jsonp的区别的相关知识点内容，有需要的朋友们可以学习下。
首先我们应该知道ajax和jsonp可以与后台通信，获取数据和信息，但是又不用刷新整个页面，实现页面的局部刷新。
接下来我们就来看一下ajax和jsonp的区别。
ajax和jsonp的区别：
ajax是一种发送http请求与后台进行异步通讯的技术。其原理是实例化xmlhttp对象，使用此对象与后台通信。
一个完整的AJAX请求一般包括以下步骤：
（1）实例化XMLHttpRequest对象
（2）连接服务器
（3）发送请求
（4）接收响应数据
jsonp是一种可以实现跨域发送http请求的数据通信格式，可以嵌在ajax中使用。其原理是利用script标签可以跨域链接资源的特性。
JSONP由两部分组成：回调函数和数据，回调函数一般是在浏览器控制，作为参数发往服务器端（当然，你也可以固定回调函数的名字，但客户端和服务器端的名称一定要一致）。当服务器响应时，服务器端就会把该函数和数据拼成字符串返回。
JSONP的请求过程如下：
请求阶段：浏览器创建一个 script 标签，并给其src 赋值。
发送请求：当给script的src赋值时，浏览器就会发起一个请求。
数据响应：服务端将要返回的数据作为参数和函数名称拼接在一起(格式类似”jsonpCallback({name: 'abc'})”)返回。当浏览器接收到了响应数据，由于发起请求的是 script，所以相当于直接调用 jsonpCallback 方法，并且传入了一个参数。
最后：jsonp只支持get请求，ajax支持get和post请求。
相关文章
本篇为大家介绍有关于JS辅助函数inherit()的一些问题。2013-04-04
javascript 语法基础，都是一些大体的说下常见问题，适合有点别的程序基础的朋友。2009-12-12
一些易混淆且不常用的属性，希望有用...2007-01-01
下面小编就为大家带来一篇浅析js绑定事件的常用方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
上面描述了数据类型,学习完数据类型就不得不提到变量。2010-12-12
javascript窗口宽高,鼠标位置,滚动高度(详细解析)
javascript窗口宽高,鼠标位置,滚动高度(详细解析)。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
从数据结构分析看：用for each...in 比 for...in 要快些
本篇文章小编将为大家介绍，从数据结构分析看：用for each...in 比 for...in 要快些。需要的朋友可以参考一下2013-04-04
本篇文章是对JavaScript中实现对象匀速/变速运动的方法进行了详细的介绍。需要的朋友参考下2013-05-05
javascript中的onkeyup和onkeydown区别介绍
文本框里输入的时候要开始计算文本框里面输入了多少字，自然想到了onkeydown事件，然后计算value.length的方法，下面看下具体的代码2013-04-04
Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D本文将介绍模拟光照/Attribut变量/更新着色器材质/更新着色器材质等等感兴趣的朋友可以了解下啊2013-01-01
最新评论