ajax与jsonp的区别及用法
2018-10-16 10:39
351 查看
首先我们应该知道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请求。
您可能感兴趣的文章:
相关文章推荐
- Ajax和jsonp区别
- json和jsonp和ajax的实质和区别
- JS与JSON、JSON与JSONP、JSONP与AJAX的区别
- 浅析json与jsonp区别及通过ajax获得json数据后格式的转换
- json与jsonp实质性区别,顺便AJAX
- Ext.Ajax.request与form.submit的用法区别
- [转] form.getForm().submit的用法及Ext.Ajax.request的小小区别
- Ajax用法与区别
- ajax和jsonp区别
- json和jsonP的区别和联系以及ajax和jsonP的区别
- 浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
- Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
- Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
- Query中$.get(),$.post(),$.ajax(),$.getJSON()的区别及用法
- ajax, json, jsonp, restful的区别
- ajax的jsonp跨域用法---不废话直接撸代码
- 我的前端故事----Ajax方式和jsonp的实现区别
- 浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
- 前端跨域问题,以及ajax,jsonp,json的区别
- Ajax方式和jsonp的实现区别