Ajax数据传递暨利用js进行表单数据回显

小灰灰 2022-05-30 12:23 212阅读 0赞

问题一：Ajax传递整个表单数据：

function createCustomer() {
    	$.post("${pageContext.request.contextPath}/list/add.do",
    	$("#new_customer_form").serialize(),function(data){
    	        if(data =="OK"){
    	            alert("客户创建成功！");
    	            window.location.reload();
    	        }else{
    	            alert("客户创建失败！");
    	            window.location.reload();
    	        }
    	    });
    	}

其中，new\_customer\_form为表单的ID，serialize()数据序列化，function(data)中的data即为后台返回在值；

问题二：Ajax传递某个数据：

function editCustomer(id) {
    	    $.ajax({
    	        type:"get",
    	        url:"${pageContext.request.contextPath}/list/edit.do",
    	        data:{"id":id},
    	        success:function(data) {
    	            $("#edit_cust_id").val(data.cust_id);
    	            $("#cust_name").val(data.cust_name);
    	            $("#edit_customerFrom").val(data.cust_source);
    	            $("#edit_custIndustry").val(data.cust_industry);
    	            $("#edit_custLevel").val(data.cust_level);
    	            $("#edit_linkMan").val(data.cust_linkman);
    	            $("#edit_phone").val(data.cust_phone);
    	            $("#edit_mobile").val(data.cust_mobile);
    	            $("#edit_zipcode").val(data.cust_zipcode);
    	            $("#edit_address").val(data.cust_address);
    	            
    	        }
    	    });
    	}

其中的id即为传递的数据；

问题三：利用js进行数据回显，见上面的js代码，其中的 $("\#edit\_cust\_id")即为单个输入的ID，val(data.cust\_id);为要在该输入框中显示的内容信息。

发表评论取消回复

表情：

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

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

相关阅读

相关 layui 表单编辑弹窗表单数据回显【二】

问题描述需求：表格的每一行都有一个编辑按钮，点击可以修改这一行数据；需要实现的效果就是：点击时弹出一个表单，数据自动填充到表单中，这就是数据回显功能。解决 `la

深藏阁楼爱情的钟/ 2023年10月09日 21:12/ 0 赞/ 89 阅读

相关表单数据回显

一. 概念: 　　在数据提交出现错误的时候, 已填写的信息仍在文本框中, 比如用户登录, 当用户输入错误的密码之后, 用户名仍在文本框, 只是密码框清空二. 意义: 　

怼烎@/ 2023年10月06日 11:56/ 0 赞/ 44 阅读

相关 bootstrap-table中formatter使用ajax返回数据进行回显

bootstrap-table中formatter使用ajax返回数据进行回显一、后台controller请求二

一时失言乱红尘/ 2023年05月31日 02:52/ 0 赞/ 38 阅读

相关 springMVC数据传递案例------利用form表单提交数据

这一章简单的例举一下form表单是怎么讲数据传递到后台，又是怎么接收，再传回来运行用的框架是之前搭建的，已经导出来了，有兴趣的可以直接去下载 [ssm框架][ss

怼烎@/ 2022年06月08日 03:13/ 0 赞/ 215 阅读

相关 Ajax数据传递暨利用js进行表单数据回显

问题一：Ajax传递整个表单数据： function createCustomer() { $.post("${pageContext.request.co

小灰灰/ 2022年05月30日 12:23/ 0 赞/ 213 阅读

相关利用JS轻松实现获取表单数据

转自：http://www.jb51.net/article/99261.htm 接触过Angularjs的都知道,ng支持双向绑定，我们可以轻轻松松的通过ngMo

「爱情、让人受尽委屈。」/ 2022年05月29日 02:25/ 0 赞/ 383 阅读

相关表单数据回显

Struts提供了很多表单相关的自定义标签，这些标签除用于生成相应的html标签外，最大的好处在于它在产生html标签时，会自动检索相应formbean的数据予以显示，这样，当

向右看齐/ 2022年05月15日 03:51/ 0 赞/ 281 阅读

相关 springMVC数据回显

数据回显：提交后，如果出现错误，将刚才提交的数据回显到刚才的提交页面 pojo数据回显方法 1、springmvc默认对pojo数据进行回显 pojo数据传入c

以你之姓@/ 2022年05月13日 20:46/ 0 赞/ 283 阅读

相关 springmvc数据回显

1、当客户进行了数据校验之后，存在数据问题，在给客户响应回去原页面的同时，不仅仅要有校验信息，还应该有客户所填的原始信息，即让客户上次填写的内容还在当前页面展示，这就是数据回显

左手的ㄟ右手/ 2022年01月30日 22:43/ 0 赞/ 352 阅读

相关如何利用js获取form表单数据

如何利用js获取form表单数据方法如下： 1、有的时候想偷点懒，页面上有大量的表单提交数据，每次单独获取都比较麻烦。代码冗余度也比较多，因此封装了一个方法。 2、表单...

灰太狼/ 2020年06月07日 15:58/ 0 赞/ 956 阅读