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;}@Overridepublic String execute() throws Exception {System.out.println("username is ......"+ username);return super.execute();}}
运行，控制台可以打印出页面提交的usrname的值，演示成功。
页:
[1]