日期:2014-05-16  浏览次数:20453 次

jquery在struts框架下采用AJAX,以为json数据格式提交数据

??????此demo主要演示了jquery的ajax使用,采用了struts2框架,json数据格式,因此除了要导入struts2的必备jar包外,还得导入json的插件包。

?

1.首先创建一个form。

<form action="" method="post" id="loginForm">
    	姓名:<input type="text" id="username" name="username"><br>
    	密码:<input type="password" id="password" name="password"><br>
    	<input type="button" id="b01" value="提交">
    </form>

?2.一段js代码响应form标签里的button点击事件。

<script type="text/javascript">
		$(document).ready(function(){
			$("#b01").click(function(){
				//alert($("#username").val());
				var params = $("#loginForm").serialize(); 
				$.ajax({
					type:"post",
					url:"login.action",
					data:params,
					dataType:"json"
				});
			});
		});
	
</script>

?3.配置struts.xml文件。

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">

<struts>
	<package name="" namespace="/"  extends="json-default" >
		 
		<action name="login" class="com.lc.Jquery_Json_Test">
			 <result type="json"/>
		</action>
		
		
	</package>
</struts>

??4.建立action

public class Jquery_Json_Test extends ActionSupport {
	private String username;
	private String password;
	public String getUsername() {
		return username;
	}
	public void setUsername(String username) {
		this.username = username;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
	@Override
	public String execute() throws Exception {
		System.out.println("username is ......"+ username);
		return super.execute();
	}
	
}

?

运行,控制台可以打印出页面提交的usrname的值,演示成功。

?