Struts2+ajax之form表单提交实例

最新推荐文章于 2021-08-05 11:52:09 发布

原创最新推荐文章于 2021-08-05 11:52:09 发布 · 7.7k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#struts #ajax #form

java 同时被 2 个专栏收录

81 篇文章

订阅专栏

JavaScript

25 篇文章

订阅专栏

本文介绍了一个使用Struts2结合Ajax实现的表单提交示例。前端通过Ajax发送POST请求到后端Struts2 Action，Action接收并处理表单数据。文章包含完整的前端HTML表单及JavaScript代码、后端Action代码。

Struts2+ajax之form表单提交实例

前台form代码：

		<form id="categoriesForm">
			<input name="cName" class="form-control cname" required=""
				value="输入框1" type="text"> <input name="cName"
				class="form-control cname" required="" value="输入框2" type="text">
			<button type="button" class="btn btn-info " id="saveAndUpdate"
				onclick="addAndUpdateCategories();">保存</button>
		</form>

前台js代码：

function addAndUpdateCategories() {
	$.ajax({
		type : "post",
		url : "jsonkpi/addAndUpdateCategories.action",
		data : $("#categoriesForm").serialize(),
		cache : false,
		dataType : "json",
		success : function(dta) {
			alert(dta.msg);
			return;
		},
		error : function(dta) {
			alert("保存失败...");
		}
	});
}

后台struts2 action代码：

public class AdminAction extends ActionSupport {
    /**  */
    private static final long serialVersionUID = -4149993028729686564L;
    
    private String[]          cName;
    
    public String addAndUpdateCategories() {
        System.out.println(cName);
        return Action.SUCCESS;
    }

    public String[] getcName() {
        return cName;
    }

    public void setcName(String[] cName) {
        this.cName = cName;
    }
}

最后别忘了配置struts.xml。