Struts2+ajax之form表单提交实例

快来打我* 2024-02-17 16:25 40阅读 0赞

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"
    				οnclick="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。

发表评论取消回复

表情：

评论列表（有 0 条评论，40人围观）

还没有评论，来说两句吧...

相关阅读

相关 Struts2+ajax之form表单提交实例

Struts2+ajax之form表单提交实例前台form代码： <form id="categoriesForm"> <input na

快来打我*/ 2024年02月17日 16:25/ 0 赞/ 41 阅读

相关 Ajax提交form表单

Ajax提交form表单 $.ajax({ //几个参数需要注意一下 type: "PO

╰+攻爆jí腚メ/ 2022年12月11日 04:21/ 0 赞/ 253 阅读

相关使用ajax提交form表单

function mySubmit(){ var chapter=$("myForm").serialize(); $.ajax({ typ

比眉伴天荒/ 2022年08月23日 03:48/ 0 赞/ 268 阅读

相关 Ajax提交Form表单

1. 背景在java后台开发中，经常要从前端向后台提交表单数据。利用Ajax进行Form表单提交，是很常用的方法。本文主要讲解Ajax提交表单的基本应用。 2. Ajax

迷南。/ 2022年07月21日 01:47/ 0 赞/ 307 阅读

相关 jquery ajax提交表单实例

<script type="text/jscript"> $(document).ready(function(e) { $(".btn").clic

r囧r小猫/ 2022年06月18日 12:43/ 0 赞/ 238 阅读

相关 Ajax获取form表单提交数据

<!DOCTYPE html > < html lang= "en" > < head > < meta charset= "UTF-8" > < meta na

本是古典何须时尚/ 2022年06月16日 12:27/ 0 赞/ 405 阅读

相关 ajax提交form表单

var form=document.getElementById("inspectForm");//inspectForm为Form表单的ID var f

浅浅的花香味﹌/ 2022年05月22日 22:12/ 0 赞/ 291 阅读

相关用Ajax方式提交form表单

用Ajax方式提交form表单一、写一个表单 <table> <tbody> <tr> <td style="width:14px;"> <p>

深碍√TFBOYSˉ_/ 2022年05月17日 13:23/ 0 赞/ 257 阅读

相关 form表单提交（非ajax提交）前表单校验

<form action="{:url('index/index/loginadd')}" method="post" > <div class="userN

ゝ一世哀愁。/ 2021年10月13日 02:59/ 0 赞/ 634 阅读

相关 layui form 表单ajax 提交

layui.use(['form','jquery'],function(){ //var form = layui.form(),

港控/mmm°/ 2021年09月30日 02:42/ 0 赞/ 839 阅读