使用JQery处理Ajax-学习总结

最常见的增删改查所需要用的请求方法有:(接口最终用什么请求,取决于后端)

增加一般使用post请求

查询一般使用get请求;

删除一般使用delete请求;

修改一般使用put请求;

全部http协议

那么如何使用JQery处理Ajax呢?:$.ajax({})

使用JQery处理Ajax

用$.ajax中的一些参数:

$.ajax中的一些参数

1. $.ajax方法是get请求,那么我们如何换请求呢?:用method:

用method:

2.$.ajax方法是默认是true异步,那么我们如何换同步或者异步呢?:用asyncd:

异步表示有一定的等待时间,一件事还没做完,但是可以同时做别的事;

同步表示做完一件事之后,才能做下一件事;

用asyncd:

3.cache表示是否需要缓存页面的数据,默认为true;

cache

4.data表示发送给服务端的数据;

data

5.datatype:表示预期服务器返回的数据类型:

除了这种表达方法还有Json.parse()

就比如你传输的文件是文本类型,可以利用datatype转换为别的数据类型

datatype

6.success表示请求成功时调用此函数:

success

7.error表示请求失败时调用此函数:

error

8.在jsonp请求中重写回调函数的名字:

jsonp

9. jsonpCallback表示给jsonp请求中指定一个回调函数名:

 jsonpCallback



用$get方法:传两个参数,第一个是url,第二个是回调函数;

URL:必需参数,路径

Callback:可选参数,请求成功后所执行的函数名

用$post方法:传3个参数:

第1个参数:URL:必需参数,路径

第2个参数:Data:可选参数,连同请求发送的数据

第3个参数:Callback:可选参数,请求成功后所执行的函数名

用$post方法:传3个参数:

跨域:

什么是跨域:指的是浏览器不能执行其他网站的脚本;

产生跨域的原因:

由浏览器的同源策略造成的

同源策略:同域名,同端口,同协议

同源策略:同域名,同端口,同协议

如何解决跨域问题1:(这个是需要后端去做)

res.setHeader('Access-Control-Allow-Origin','*')(了解就好);

如何解决跨域问题2:(这个需要前端和后端配合着去做)

jsonp请求:

动态创建script标签,使用jQuery的jsonp请求

优点:兼容性强&不受同源策略的限制

缺点:只能用get方法,不能使用post方法

jsonp请求:
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容