教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 Jquery ajax调用action返回值的问题

Jquery ajax调用action返回值的问题

发布时间:2015-10-22   编辑:jiaochengji.com
本文介绍下,jquery与ajax调用action返回值问题的解决方法,有需要的朋友,不妨参考学习下。

问题是这样的:
通过jquery ajax 最简单的调用aciton,action返回 一个list,如何让页面接收到这个list并显示出来?
比如,调用一个 显示全部用户姓名的action ,返回是一个字符串数组还是其他?

在Ajax中,主要是通过XMLHttpRequest来实现。

1、js代码:
 

复制代码 代码示例:
var XMLHttpReq;
//创建XMLHttpRequest
function createXMLHttpRequest()
{
if(window.XMLHttpRequest)
{
XMLHttpReq=new XMLHttpRequest();
alert(“DOM2浏览器 创建XMLHttpRequest对象”);
}
else if(window.ActiveXObject)
{
try
{
XMLHttpReq=new ActiveXObject(“Msxml2.XMLHTTP”);
alert(“Internet Explorer 创建XMLHttpRequest对象1″);
}
catch(e)
{
try
{
XMLHttpReq=new ActiveXObject(“Microsoft.XMLHTTP”);
alert(“Internet Explorer 创建XMLHttpRequest对象2″);
}
catch(e)
{}
}
}
}
function sendRequest()
{
createXMLHttpRequest();
var url=”example”;
XMLHttpReq.open(“POST”,url,true);
XMLHttpReq.setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded”);
XMLHttpReq.onreadystatechange=processResponse;
var msg=’test’;
XMLHttpReq.send(“Msg=”+msg);
}
function processResponse()
{
if(XMLHttpReq.readyState==4)
{
if(XMLHttpReq.status==200)
{
alert(XMLHttpReq.responseText);
}
else
{
window.alert(“您所请求的页面有异常”);
}
}
}

代码说明:
主要方法是sendRequest(),将该方法绑定到一个按钮上即可。
例如:
 

<input type=”button” name=”button” value=”提交” onclick=”sendRequest();” />
 

sendRequest里面的url就是要请求的路劲,也就是action的路径。

在Action中的java代码,如下:
 

复制代码 代码示例:
String list=…..;//这里将你的list组合成一个字符串
HttpServletResponse response=ServletActionContext.getResponse();
response.setContentType(“text/html;charset=utf-8″);
PrintWriter out=response.getWriter();
out.print(list);
out.flush();
out.close();

对jsp不是很熟悉,就知道些jquery的用法,希望本节的Juqery 教程及代码,对大家有所帮助。

您可能感兴趣的文章:
Jquery ajax调用action返回值的问题
javascript jQuery $.post $.ajax用法
跨域请求之jQuery的ajax jsonp的使用解惑
getJSON调用后台json数据时函数被调用两次的原因猜想
Jquery + Ajax调用webService实例代码(asp.net)
jquery ajax属性async(同步异步)示例
jquery.post用法示例代码
jQuery源码分析系列(31) : Ajax deferred实现
jquery ajax return没有返回值的解决方法
JQuery的Ajax跨域请求原理概述及实例

[关闭]
~ ~