使用JS传递数组型数据回服务器
2015-03-11 10:54
134 查看
//为数组添加一个方法,判断某个值是否存在于数组中 Array.prototype.in_array = function (e) { for (i = 0; i < this.length && this[i] != e; i++); return !(i == this.length); }
var array = new Array(); //数组中的Item var arr = { //"RFQID": $("#ID").val(), "RFQID": $(this).attr("rfqid"), "SiteCode": $(this).attr("site"), "ProcessID": $(this).attr("processid"), "ForecastLoading": $(this).val(), "SimulateNumber": 2, "MainRFQID": $("#ID").val() } array .push(arr); //将Item塞入数组
$.ajax({ type: "Post", processData: false, contentType: 'application/json; charset=UTF-8', url: "/ReportSimulation/UpdateProcessForecastLoading", data: { list: arrObj }, beforeSend: function (xhr, setting) { setting.data = JSON.stringify(setting.data);//转为Json }, success: function (r) { if (r.Success) { alert("Success"); } else { alert("Error"); } } });
服务器接收:
public ActionResult UpdateProcessForecastLoading(List<ForecastProcessLoadingVM> list)
ForecastProcessLoadingVM 申明:
public class ForecastProcessLoadingVM { public Guid RFQID { get; set; } public string SiteCode { get; set; } public Guid ProcessID { get; set; } public string ProcessName { get; set; } public double? ForecastLoading { get; set; } public int SimulateNumber { get; set; } public Guid MainRFQID { get; set; } }
JQGrid中,直接将grid getRowData就可以传回了:
var gridData = $gridCAPEX.getRowData(); //var postData = JSON.stringify(gridData); //alert("JSON serialized jqGrid data:\n" + postData); var data = { ID: $("#ID").val(), NeedNewCAPEX: $("#NeedNewCAPEX").val(), CAPEXVMList: gridData }; $.ajax({ type: "Post", processData: false, contentType: 'application/json; charset=UTF-8', url: "/BDFormPage/SaveCAPEX", data: data, beforeSend: function (xhr, setting) { setting.data = JSON.stringify(setting.data); }, success: function (r) { if (r.Success) { alert("Success"); } else { alert("Error"); } } });
注意:getRowData取的是innerHtml,针对Select类型的选项,一定要将其格式也设置为Select,否则会传回Text,不传回Value
{ label: "Category", name: "Category", index: "Category", hidden: false, editable: true, editrules: { required: true }, edittype: "select", formatter: "select", editoptions: { value: { 1: "New", 2: "Existing" } } },
加上
formatter: "select",getRowData取出的是1 2,否则取出的是New Existing
相关文章推荐
- 在html页面上使用ajax传递json数据到基于express框架(node.js)的服务器
- android开发案例之使用JSON数据向服务器提交和获取服务器传递的Json数据
- android开发案例之使用JSON数据向服务器提交和获取服务器传递的Json数据
- Vue.js学习系列(四十三)-- 使用props传递数据
- 向服务器当中传递数据 ftp 安装与使用
- Vuejs使用 Prop 动态传递数据
- 关于Vue.js的组件化,使用props传递数据
- dajango 模板中 js 使用服务器返回的数据
- Vue.js使用props传递数据驼峰式与短横线隔
- JSON格式传递数据使用方法(JS和JAVA)
- 使用express+mockjs搭建服务器和模拟数据
- 关于“Asp.net 中后台CS读取数据库数据生成数组传递给前台页面JS使用”
- android跟服务器使用json传递数据
- android开发案例之使用JSON数据向服务器提交和获取服务器传递的Json数据
- Android使用webview控件加载本地html,通过Js与后台Java实现数据的传递
- 用node.js搭建服务器,模拟返回json数据供客户端get,post请求使用
- 使用SQL链接服务器在不同局域网下实现数据库的数据传递
- vue.js使用props传递数据
- android跟服务器使用json传递数据
- 使用JSON数据向服务器提交和获取服务器传递的Json数据