struts2+jquery实现ajax

来源:互联网 发布:csgo网络连接失败 编辑:程序博客网 时间:2024/05/18 17:54

/* 数据访问层省略,与这无关**/

1,Action层代码

package action;

import javax.annotation.Resource;
import org.springframework.stereotype.Controller;

import entity.P_Login;
import biz.LoginBiz;

@Controller
public class RegiserAction {
 private String message;
 private String name;;

 public String getMessage() {
  return message;
 }


 public String getName() {
  return name;
 }

 

 public void setName(String name) {
  this.name = name;
 }

 

 public void setMessage(String message) {
  this.message = message;
 }

 @Resource
 private LoginBiz biz;

 public LoginBiz getBiz() {
  return biz;
 }

 public void setBiz(LoginBiz biz) {
  this.biz = biz;
 }

 public String execute() {
   P_Login login=  biz.query(name);
  if (login!=null) {
   this.setMessage("1");
    return "Ajax-gson";
  } else {
   this.setMessage("0");
    return "Ajax-gson";
  }

 }
}
2.Struts.xml配置文件

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
    "http://struts.apache.org/dtds/struts-2.3.dtd">

<struts>
 <package name="P_Login"  extends="base">
    <action name="RegiserAction" class="action.RegiserAction">
   <result name="Ajax-gson">Ajax-gson.jsp</result>
  </action>
 </package>

</struts>

3.Ajax-gson.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

${message }

 

4.Register.jsp(展示页面)

<!--javascript代码-->

function checkname() {
 var username = document.getElementById("UserName");
 var un = username.value;
 $.post("RegiserAction", {
  name : un
 }, function(data) {
  if (data ==1) {
   $("#span_CheckUsername").html("用户名已存在").css("color", "red");
  }else{
   if ($("#userName").val() != "") {
    $("#span_CheckUsername").html("用户名正确").css("color", "green");
   }
  }
 });

}

<!--html代码-->

 <form action="RegiserAction_Register" method="post" name="myform"
     id="myform" onsubmit="return check()">
     <table width="80%" border="0" cellspacing="0" cellpadding="3">
      <tr>
       <td width="35%" align="right" valign="top">
        <span class="f14px">用&nbsp;户&nbsp;名:</span>
       </td>
       <td width="15%" align="left" valign="top" id="input_email">
        <input name="name" type="text" class="logininput" id="userName"
         onblur="checkname();" />
        <br />
        <span class="Reginput" id="span_CheckUsername"></span>
       </td>

说明:1.此代码实现注册异步验证用户名是否注册。

             2.没有用到json语法

 

原创粉丝点击