当前位置: 编程技术>jquery
Jquery ajax调用action返回值的问题
来源: 互联网 发布时间：2014-09-03
本文导语: 问题是这样的： 通过jquery ajax 最简单的调用aciton，action返回 一个list，如何让页面接收到这个list并显示出来? 比如，调用一个 显示全部用户姓名的action ，返回是一个字符串数组还是其他？ 在Ajax中，主要是通过XMLHttpRequest来实...
问题是这样的：
通过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(“您所请求的页面有异常”);
}
}
}
//创建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（），将该方法绑定到一个按钮上即可。
例如：
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();
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 教程及代码，对大家有所帮助。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。