在struts2的Action中返回Ajax数据
2011-06-03 12:43
501 查看
如何在struts2的action中返回数据(普通字符串、图片)给ajax核心中的XMLHttpRequest对象。
今天下午做项目,就是用户注册是时候,登录名是否唯一,我用的ajax验证,但怎么也不返回我想要的数据,纠结了老半天,后来百度了一下,response对象为空,写上这行代码就OK了,HttpServletResponse response = ServletActionContext.getResponse();当你输入完登录名之后把光标移到下面的时候。ajax就会通过异步交互实现页面的局部刷新。从数据库中能查到数据就返回一个苦的表情,如没有则返回一个笑的表情。
下面和大家分享一下。 先看效果,下图所示:
public String checkLogin() throws Exception {
/** 获取response对象 */
HttpServletResponse response = ServletActionContext.getResponse();
/** 获取输出out对象 */
PrintWriter out = response.getWriter();
Customers cus = customersServiceImpl.checkLogin(entity);
if (cus.getCname().equals(entity.getCname())) {
out.print("1111");
}else{
}
/** 这里返回的是null */
return null;
}
function $(id) {
return document.getElementById(id);
}
//getAjax请求
//创建XMLHttpRequest对象
function getXhr() {
var xhr;
try {
//IE浏览器
xhr = new ActiveXObject("Microsoft.XMLHTTP");
} catch (err) {
try {
//firefox opera 等其他浏览器
xhr = new XMLHttpRequest();
} catch (er) {
alert("您的浏览器不支持ajax技术的操作,请您升级.....");
}
}
return xhr;
}
function checkuser() {
var user = document.getElementById("cname").value;
//获取xhr对象
var xhr = getXhr();
xhr.open("get","csdn/customers_checkLogin.action?entity.cname="+user,true);
xhr.send();
document.getElementById("spanUser").innerHTML = '<img src=images/wait.gif />';
xhr.onreadystatechange = function (){
if(xhr.readyState==4 && xhr.status==200){
if(xhr.responseText){
document.getElementById("spanUser").innerHTML = '<img src=images/cry.png />';
}else{
document.getElementById("spanUser").innerHTML = '<img src=images/smile.png />';
}
}
}
}
<tr>
<td class="td01">
登录名<span class=" text_o">*</span>:
</td>
<td class="td02" style="width: 400px;">
<div class="left">
<input name="entity.cname" id="cname" type="text" size="30" onblur="checkuser()">
<span id="spanUser"></span>
</div>
</td>
</tr>
今天下午做项目,就是用户注册是时候,登录名是否唯一,我用的ajax验证,但怎么也不返回我想要的数据,纠结了老半天,后来百度了一下,response对象为空,写上这行代码就OK了,HttpServletResponse response = ServletActionContext.getResponse();当你输入完登录名之后把光标移到下面的时候。ajax就会通过异步交互实现页面的局部刷新。从数据库中能查到数据就返回一个苦的表情,如没有则返回一个笑的表情。
下面和大家分享一下。 先看效果,下图所示:
public String checkLogin() throws Exception {
/** 获取response对象 */
HttpServletResponse response = ServletActionContext.getResponse();
/** 获取输出out对象 */
PrintWriter out = response.getWriter();
Customers cus = customersServiceImpl.checkLogin(entity);
if (cus.getCname().equals(entity.getCname())) {
out.print("1111");
}else{
}
/** 这里返回的是null */
return null;
}
function $(id) {
return document.getElementById(id);
}
//getAjax请求
//创建XMLHttpRequest对象
function getXhr() {
var xhr;
try {
//IE浏览器
xhr = new ActiveXObject("Microsoft.XMLHTTP");
} catch (err) {
try {
//firefox opera 等其他浏览器
xhr = new XMLHttpRequest();
} catch (er) {
alert("您的浏览器不支持ajax技术的操作,请您升级.....");
}
}
return xhr;
}
function checkuser() {
var user = document.getElementById("cname").value;
//获取xhr对象
var xhr = getXhr();
xhr.open("get","csdn/customers_checkLogin.action?entity.cname="+user,true);
xhr.send();
document.getElementById("spanUser").innerHTML = '<img src=images/wait.gif />';
xhr.onreadystatechange = function (){
if(xhr.readyState==4 && xhr.status==200){
if(xhr.responseText){
document.getElementById("spanUser").innerHTML = '<img src=images/cry.png />';
}else{
document.getElementById("spanUser").innerHTML = '<img src=images/smile.png />';
}
}
}
}
<tr>
<td class="td01">
登录名<span class=" text_o">*</span>:
</td>
<td class="td02" style="width: 400px;">
<div class="left">
<input name="entity.cname" id="cname" type="text" size="30" onblur="checkuser()">
<span id="spanUser"></span>
</div>
</td>
</tr>
相关文章推荐
- Struts2 使用ajax访问action,返回json格式数据,提示error:There is no result type defined for type 'json'
- Struts2引用的jar包版本为2.0.9的,该版本没有json包,如何使用ajax返回json数据到页面
- jquery发送ajax请求,以及struts2的action响应请求并传回json数据的做法
- struts2中使用ajax和action读写数据的区别
- struts2中Action中返回Json数据
- Ajax融合struts2过程中,action类回传给客户端中文数据出现问号乱码的解决办法
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- struts2 配置 jquery ajax 调用 action 返回JSON 数据
- Asp.net mvc 使用Ajax调用Action 返回数据。
- AJAX ,在jsp处理 action返回的不同数据类型
- 整合struts2,jquery,json。采用jquery ajax,从struts2 action返回json类型数据
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- jquery-ajax请求action读取oracle数据库clob字段xml数据格式化显示(struts2)
- asp.net mvc 使用Ajax调用Action 返回数据。
- 关于jQuery获取Action返回的JSON数据 项目真实案例 记录(Struts2)
- Ajax使用Action中返回的Json数据的完整实例(二):action内将一个实体对象转化为json并返回
- ajax,调struts2的action方法后,返回json,字符串
- struts2使用ajax实现页面和action之间通过json数据交互
- 关于jQuery获取Action返回的JSON数据 项目真实案例 记录(Struts2)
- struts2的action中返回json格式的数据