利用ajax向jsp传输数据

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用ajax向jsp传输数据相关的知识,希望对你有一定的参考价值。

ajax代码

var obtn=document.getElementsByTagName(‘input‘)[0];
obtn.onclick=function () {
var xhr=null;
try{
xhr=new XMLHttpRequest();
}catch(e){
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}

//第一种方法用get get 中由于要编码可以用encodeURI(‘刘伟‘)但是不知道为什么出来是问号就在后台想把编码转好了,然后还要注意get中由于会出现缓存的问题,可以随时加个随机数,就是new Date()当时间当做随机数
/*xhr.open(‘get‘,‘send.jsp?name=‘+‘刘伟‘+‘&date=30&‘+new Date().getTime(),true);
xhr.send();*/

//第二种方法是post方法,没有缓存也不用编码
xhr.open(‘post‘,‘send.jsp‘,true);
xhr.setRequestHeader(‘content-type‘, ‘application/x-www-form-urlencoded‘);
xhr.send(‘name=刘伟&date=30‘);
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
alert(xhr.responseText);
}}}}

jsp后台

<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<html><body>
<%

String name=request.getParameter("name");
String date=request.getParameter("date");
//转换成一个字节数组,利用iso-8859-1编码  注意这里!因为编码后才能够解决前台输出中文乱码的额问题。
name = new String(na.getBytes("iso-8859-1"),"UTF-8"); //把name转为utf-8编码
out.println("姓名"+name);
out.println("时间"+date);
%>
</body></html>

以上是关于利用ajax向jsp传输数据的主要内容,如果未能解决你的问题,请参考以下文章

通过ajax从jsp页面传输数据到web层,并从web层返回数据给jsp页面

jsp中,用ajax获取数据

jquery.ajax传输到jsp的中文乱码问题解决

利用ajax实现数据传输

第六天———进展出乎意料

动态网页技术--JSP