本文重点给大家介绍在ajax中使用get和post所遇到的问题及解决办法,及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这个没有声明头部信息,问题是存在的
简单的说:Get请求和Post请求的区别
1.使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来
2.使用Get请求发送数据量小,Post请求发送数据量大
以上所述是小编给大家介绍的在Ajax中使用get和post所遇到的问题及解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程学习网网站的支持!
本文标题为:在Ajax中使用get和post所遇到的问题及解决办法
- 基于CORS实现WebApi Ajax 跨域请求解决方法 2023-02-14
- vue keep-alive 2023-10-08
- 深入浅析AjaxFileUpload实现单个文件的 Ajax 文件上传库 2022-12-15
- javascript 判断当前浏览器版本并判断ie版本 2023-08-08
- 关于 html:如何从 css 表中删除边距和填充 2022-09-21
- layui数据表格以及传数据方式 2022-12-13
- jsPlumb+vue创建字段映射关系 2023-10-08
- 1 Vue - 简介 2023-10-08
- JS实现左侧菜单工具栏 2022-08-31
- ajax实现输入提示效果 2023-02-14