浅析前端XMLHttpRequest与Java后端的交互
2016-12-09 20:10
337 查看
ajax通常会发送get和post两种请求,服务器后台也会通过相关的语法获取请求数据
1.get
get请求时send()方法中只能传递null作为参数,因为send()方法是将数据作为请求体发送的,而get方法是没有请求体的,因此send中填了数据也无效。
要通过get请求来向后台传递数据只能在url的末尾追加查询字符串,第一个串前加"?",多个串之间要用"&"连接。此处要注意查询字符串必须经过encodeURIComponent方法的处理,具体原因看第三点分析。
2.post
post请求首先可以通过在url后追加查询字符串的形式来向后台传递数据,同时post方法可以利用send()方法来传递请求体数据给后台,通过send()发送的数据也要经过encodeURIComponent方法的处理。不同的是post方法在发送请求前必须先使用setRequestHeader("Content-Type","application/x-www-form-urlencoded")方法来设置表单内容类型,这样数据才会正常的被后台收集到,否则就会出现在"rawPostData"数据中(不同编程语言不同)。
3.encodeURI()和encodeURIComponent()
encodeURIComponent()
该方法将文本字符串编码为一个有效的统一资源标识符,用来处理url后面追加的查询字符串。如果查询字符串形如:username = 'a&foo=boo',则不用encodeURIComponent()的话,整个参数就成了name=a&foo=boo,这样就相当于后台获得两个参数name和foo。这显然是错误的。
故而发送get请求时向url末尾追加查询字符串时都要经过encodeURIComponent()方法的处理,来避免形如',#之类的符号的影响。另外注意,不要将'key=value'的'='给编码了,用代码来说明,正确示例:encodeURIComponent(username )+"="+encodeURIComponent('a&foo=boo')。
如果对整个url(包括地址名和主机名等)调用encodeURIComponent()方法,则这个url无效。因为形如:,/这样的符号被解析成了16进制数。
encodeURI()
该方法可把字符串作为URI进行编码。不规整的url格式经过该方法后可以变成正确的url格式,诸如多余的空格等。
实际上encodeURI和encodeURIComponent的区别就是编码字符的多少,前者不会对url特定标识符进行编码,后者的编码范围更广。
4.后台数据处理
不论数据通过何种方式传递给后台(url末尾追加查询串、在请求体中加入查询串),后台servlet中使用request.getParameter("key")来获取查询字符串的值。post请求必须设置setRequestHeader("Content-Type","application/x-www-form-urlencoded")。
request.getAttribute()是servlet自己内部传递数据时使用。
1.get
get请求时send()方法中只能传递null作为参数,因为send()方法是将数据作为请求体发送的,而get方法是没有请求体的,因此send中填了数据也无效。
要通过get请求来向后台传递数据只能在url的末尾追加查询字符串,第一个串前加"?",多个串之间要用"&"连接。此处要注意查询字符串必须经过encodeURIComponent方法的处理,具体原因看第三点分析。
2.post
post请求首先可以通过在url后追加查询字符串的形式来向后台传递数据,同时post方法可以利用send()方法来传递请求体数据给后台,通过send()发送的数据也要经过encodeURIComponent方法的处理。不同的是post方法在发送请求前必须先使用setRequestHeader("Content-Type","application/x-www-form-urlencoded")方法来设置表单内容类型,这样数据才会正常的被后台收集到,否则就会出现在"rawPostData"数据中(不同编程语言不同)。
3.encodeURI()和encodeURIComponent()
encodeURIComponent()
该方法将文本字符串编码为一个有效的统一资源标识符,用来处理url后面追加的查询字符串。如果查询字符串形如:username = 'a&foo=boo',则不用encodeURIComponent()的话,整个参数就成了name=a&foo=boo,这样就相当于后台获得两个参数name和foo。这显然是错误的。
故而发送get请求时向url末尾追加查询字符串时都要经过encodeURIComponent()方法的处理,来避免形如',#之类的符号的影响。另外注意,不要将'key=value'的'='给编码了,用代码来说明,正确示例:encodeURIComponent(username )+"="+encodeURIComponent('a&foo=boo')。
如果对整个url(包括地址名和主机名等)调用encodeURIComponent()方法,则这个url无效。因为形如:,/这样的符号被解析成了16进制数。
encodeURI()
该方法可把字符串作为URI进行编码。不规整的url格式经过该方法后可以变成正确的url格式,诸如多余的空格等。
实际上encodeURI和encodeURIComponent的区别就是编码字符的多少,前者不会对url特定标识符进行编码,后者的编码范围更广。
4.后台数据处理
不论数据通过何种方式传递给后台(url末尾追加查询串、在请求体中加入查询串),后台servlet中使用request.getParameter("key")来获取查询字符串的值。post请求必须设置setRequestHeader("Content-Type","application/x-www-form-urlencoded")。
request.getAttribute()是servlet自己内部传递数据时使用。
相关文章推荐
- Ajax实例:实现查找员工和新建员工,利用XMLHttpRequest对象实现前后端交互
- 在java中"模拟" XMLHttpRequest
- XMLHttpRequest动态加载php脚本进行数据交互
- 利用 HTML 5 的多图片上传及预览(不含前端的文件分割) 分类: HTML5 文件上传 上传图片的预览 XMLHTTPRequest对象 2014-01-13 11:05 419人阅读 评论(0) 收藏
- 前端发送post请求,如何跟后端交互http://www.cnblogs.com/huhuuu/p/3993019.html
- C#和java和android中的NetWorkAdapter,httpRequest,WebView,json,xml
- JavaScript(XMLHttpRequest)跨域访问解决办法及安全性问题(附java写的proxy代码)
- 在java中模拟XMLHttpRequest
- XHR(XMLHttpRequest)与Linux下的CGI交互
- 浅析XMLHttpRequest的缓存问题
- spring mvc 前后端数据交互笔记(解决httprequest400,415问题)
- 在java中"模拟" XMLHttpRequest
- Ajax中XMLHttpRequest对象的创建和servlet中数据的交互
- XMLHttpRequest与django作为服务端的异步交互
- 使用xmlHttpRequest对象完成异步交互时,遇到的问题
- XMLHTTPRequest对象进行AJAX的异步数据交互
- Ajax学习(一),获得XMLHttpRequest对象,进行初步异步交互(jquery.javascript)
- Java乔晓松-ajax的概述和XMLHTTPRequest对象的创建过程
- XMLHttpRequest 请求java部署的webservice 跨域问题
- Comet4J(Comet for Java)是一个纯粹基于AJAX(XMLHTTPRequest)的服务器推送框架,消息以JSON方式传递