欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

在Ajax中get和post应该如何使用

程序员文章站 2022-04-24 13:35:35
...
这次给大家带来在Ajax中get和post应该如何使用,在Ajax中get和post使用的注意事项有哪些,下面就是实战案例,一起来看一下。

使用get遇到的问题:

1.问题一. 缓存:当每次访问的url相同,客户端直接读取本地缓存里面的内容,即使后台数据变化前台也不会有变化;

解决方法:在?后面链接一个num=【随机数Math.random()】或者num=【时间戳new Date().getTime()】,'1.php?username="May"&'+num(这里没有变量名,避免和后台参数冲突)

2.问题二. 乱码,当传递中文或者特殊字符的时候,前台显示出现乱码

解决办法:使用编码encodeURI('蜗牛')

测试结果:通过使用Chrome测试,结果get的两种问题,都已经得到了解决

使用post遇到的问题:

post方式,数据放在send()里面作为参数传递;

问题:当没有设置请求头的时候,后台直接不对数据进行处理;前台就无法获得后台返回的数据

解决方法:手动设置请求头(xhr.setRequestHeader('content-type','application/x-www-form-urlencoded')),声明发送的数据类型

【注】post没有缓存问题,没有编码问题(因为在请求头里面已经进行了声明)

测试结果:通过使用Chrome测试,结果post这个没有声明头部信息,问题是存在的

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

推荐阅读:

Ajax的restful接口传输Json数据的方法

怎样实现原生AJAX封装

以上就是在Ajax中get和post应该如何使用的详细内容,更多请关注其它相关文章!

相关标签: Ajax post 使用