首页 >web前端 >js教程 >在Ajax中get和post应该如何使用

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

php中世界最好的语言
php中世界最好的语言原创
2018-04-04 11:28:23997浏览

这次给大家带来在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这个没有声明头部信息,问题是存在的

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

推荐阅读:

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

怎样实现原生AJAX封装

以上是在Ajax中get和post应该如何使用的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn