有关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中get和post的使用问题全部内容了,希望大家多多支持我们~
相关推荐
-
jQuery中Ajax的get、post等方法详解
load()方法通常用来从Web服务器上获取静态的数据文件,然而这并不能体现ajax的全部价值. 在项目中,如果需要传递一些参数给服务器中的页面,那么可以使用$.get()或者$.post()方法(或者是$.ajax()方法) $.get()方法使用GET方式来进行异步请求.结构为:$.get(url [, data] [, callback] [, type]) $.get()方法参数解释如下: 参数名称 类型 说明 url String 请求的HTML页的URL地址 data(可选) Obj
-
AJAX使用get与post模式的区别分析
本文实例分析了AJAX使用get与post模式的区别.分享给大家供大家参考.具体分析如下: 如果是get 模式的请求,则将传递参数通过URL 地址发送到服务器端: 如果是post 模式的请求,则将传递参数通过send( ) 方法发送到服务器端(并且必须设置请求文件头): post 模式的代码如下: <script type="text/javascript"> <!-- var queryString = "firstName=xugang&birt
-
在Ajax中使用get和post所遇到的问题及解决办法
使用get遇到的问题: 1.问题一. 缓存:当每次访问的url相同,客户端直接读取本地缓存里面的内容,即使后台数据变化前台也不会有变化: 解决方法:在?后面链接一个num=[随机数Math.random()]或者num=[时间戳new Date().getTime()],'1.php?username="May"&'+num(这里没有变量名,避免和后台参数冲突) 2.问题二. 乱码,当传递中文或者特殊字符的时候,前台显示出现乱码 解决办法:使用编码encodeURI('蜗牛')
-
关于Ajax中通过response在后台传递数据问题
这是js代码: var System = { getHttpRequest: function(url, callback, options) { if (url.length < 0) return; var option = { url: url, type: "get", dataType: "json", cache: false, timeout: 30000, beforeSend: function(XHR) { }, complete: fun
-
ajax中的async属性值之同步和异步及同步和异步区别
jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到AJAX同步.这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除.而异步则这个AJAX代码运行中的时候其他代码一样可以运行. ajax中async这个属性,用于控制请求数据的方式,默认是true,即默认以异步的方式请求数据. 一.async值为true (异步) 当
-
jQuery的ajax中使用FormData实现页面无刷新上传功能
接着上一篇ajax系列之用jQuery的ajax方法向服务器发出get和post请求写,这篇主要写如何利用ajax和FormData实现页面无刷新的文件上传效果,主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData接口.关于FormData,大家可以看MDN文档. 1,先看效果图 期望的功能和效果很简单:点击页面中的上传文件表单控件,选择文件后点击"ajax提交",将文件上传至服务器,上传成功后,页面给出一个简单的提示. 2,前端的代
-
ajax中data传参的两种方式分析
本文实例讲述了ajax中data传参的两种方式.分享给大家供大家参考,具体如下: 1. POST方式: /** * 订单取消 * @return {Boolean} 处理是否成功 */ function orderCancel(orderId, commant){ var flag = false; $.ajax({ type: "POST", url: "../order/orderCancel.action", //orderModifyStatus data:
-
ajax中get和post的说明及使用与区别
以前没怎么仔细的研究过ajax,只是用到了就直接拿过来用,发现了问题再找解决方法.以下是我在找解决问题的过程中的一点小小的总结. 一.谈Ajax的Get和Post的区别 Get方式: 用get方式可传送简单数据,但大小一般限制在1KB下,数据追加到url中发送(http的header传送),也就是说,浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中的资源路径后面.另外最重要的一点是,它会被客户端的浏览器缓存起来,那么,别人就可以从浏览器的历史记录中,读取到此客户的数据,比如帐号
-
切记ajax中要带上AntiForgeryToken防止CSRF攻击
经常看到在项目中ajax post数据到服务器不加防伪标记,造成CSRF攻击 在Asp.net Mvc里加入防伪标记很简单在表单中加入Html.AntiForgeryToken()即可. Html.AntiForgeryToken()会生成一对加密的字符串,分别存放在Cookies 和 input 中. 我们在ajax post中也带上AntiForgeryToken @model WebApplication1.Controllers.Person @{ ViewBag.Title = "In
-
Ajax中的循环方案
Ajax 简介 Ajax 由 HTML.JavaScript™ 技术.DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序.本文的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 -- 从总体概述到细节的讨论 -- 使高效的 Web 开发成为现实.他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象. 五年前,如果不知道 XML,您就是一只无人重视的丑小鸭.十八个月前,Ruby 成了关注的中心,不知道 Ru
-
使用HTML5中postMessage知识点解决Ajax中POST跨域问题
由于同源策略的限制,Javascript存在跨域通信的问题,典型的跨域问题有iframe与父级的通信等.常规的几种解决方法: (1) document.domain+iframe: (2) 动态创建script: (3) iframe+location.hash: (4) flash. postMessage是HTML5为解决js跨域问题而引入的新的API,允许多个iframe/window跨域通信. HTML5中提供了在网页文档之间相互接收与发送信息的功能.使用这个功能,只要获取到网页所在窗口
-
Ajax中post方法直接返回以0开头数字出错问题分析
今天,我在网页模拟验证码发送时发现了一个奇怪的问题.我采用以下代码预设为发送验证码的按钮. 这是Node.js服务器 <pre style="font-family: 宋体; font-size: 9pt; background-color: rgb(255, 255, 255);"><pre name="code" class="javascript">$(".reg_code_btn").click
随机推荐
- Bootstrap select实现下拉框多选效果
- Longhorn Server Core 五件重要事件
- ASP.NET Substitution 控件的使用方法
- JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
- 理解javascript中的MVC模式
- JS设置获取cookies的方法
- MySQL交换分区的实例详解
- Shell脚本遍历目录并批量修改文件编码
- 每天一篇javascript学习小结(属性定义方法)
- 让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
- Python映射拆分操作符用法实例
- 详解 JAVA的回调机制CallBack
- Node.js使用对话框ngDialog的示例代码
- Eclipse配置使用web.xml的方法
- python openpyxl使用方法详解
- Android开源框架的SlidingFragment的使用示例
- 浅谈利用numpy对矩阵进行归一化处理的方法
- JS设计模式之命令模式概念与用法分析
- 详解layui中的树形关于取值传值问题
- jQuery AJAX与jQuery事件的分析讲解