你的位置:首页 > 软件开发 > Java > 将前台input中的数据异步传到后台并存入数据库

将前台input中的数据异步传到后台并存入数据库

发布时间:2017-01-15 00:00:13
将前台input中的数据异步传到后台并存入数据库先看图:利用ajax异步交互数据,并不是以json数组的形式将数据传到后台,而是利用字符数组的形式将其传到后台。动态新增每一行数据,将每一列对应的数据存入数组,并传到后台中进行入库。(当然可以直接以json数组的形式将每一行的数据传 ...

将前台input中的数据异步传到后台并存入数据库

将前台input中的数据异步传到后台并存入数据库

先看图:

将前台input中的数据异步传到后台并存入数据库

利用ajax异步交互数据,并不是以json数组的形式将数据传到后台,而是利用字符数组的形式将其传到后台。动态新增每一行数据,将每一列对应的数据存入数组,并传到后台中进行入库。(当然可以直接以json数组的形式将每一行的数据传到后台,这里就不详细讲了)

前台js代码:

 ///保存多行数据,运用ajax异步交互请求    function btnSave() {      /*传值方式一:将添加的每一字段的值存在数组中,再将数组转换成字符串串传到后台*/      //定义五个一维数组      var code = new Array();      var name = new Array();      var pwd = new Array();      var phone = new Array();      var bmmc = new Array();      //将表单中的数据添加到各自的数组中      for (var i = 1; i <= rowL; i++) {        code.push($("#" + "UserCode" + i).val());//对应每个增加表单中的id相应的值        name.push($("#" + "UserName" + i).val());        pwd.push($("#" + "UserPwd" + i).val());        phone.push($("#" + "Phone" + i).val());        bmmc.push($("#" + "Bmmc" + i).val());      }      //利用js的join方法将数组分割成字符串,用于传值,在后台解析。分割符号为逗号,可自行定义。      var Code = code.join(',');      var Name = name.join(',');      var Pwd = pwd.join(',');      var Phone = phone.join(',');      var Bmmc = bmmc.join(',');      //利用ajax进行传值,类型为POST      $.ajax({        type: "POST",        // dataType: "Text",        url: "UserList.ashx?Action=Save",        data: {          UserCode: Code,          UserName: Name,          UserPwd: Pwd,          UserPhone: Phone,          BmMc: Bmmc,          RowLength: rowL//将增加的行数传至后台控制for循环中的参数范围        },        success: function (result) {          if (result == "true") {            noty({ text: "保存成功!", type: "success", layout: "topCenter", timeout: 2000 });            Refresh();                      } else {            noty({ text: "保存失败!", type: "error", layout: "topCenter", timeout: 2000 });          }        }      });          }

原标题:将前台input中的数据异步传到后台并存入数据库

关键词:数据库

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。