利用js传一个对象到后台

利用JS对象把值传到后台
记得以前刚写asp.net 从前台往后台传值都是var data=A,B,C,D,E; 循环添加用逗号隔开后台还要被测试测出只输入，就错了哈哈。。后来用✈◆类似的符号隔开不是长久之计。。。

现在用了MVC,表单添加,在每个input上写上相对应Model的Name，传到后台直接model点属性就行了。

但是还是会碰到提交不是表单，类似提交考试答案，课后评估，一大串字符串。看到JS对象眼前一亮！！！上代码

　Html:<ul><li class='id'>1</li><li class='name'>A</li></ul><ul><li class='id'>2</li><li class='name'>B</li></ul>

如果换成以前我肯定会写成1,A.2,B传到后台。。。现在不一样了

   var OrgArray={};//首先声明一个全局数组$(ul).each(function(){var Organ={id=$(this).children(li:eq(0)).html(),name=$(this).children(li:eq(1)).html()}OrgArray.push(Organ); //等于list集合})$.post("url",{OrgArray: JSON.stringify(OrgArray)//转换成字符串}, function(data){})//如果传的字符串层级很多的话 还可以多套几个var arry={};

后台

var OrgArray = Request.Form["OrgArray"]; dynamic OrgList = Newtonsoft.Json.JsonConvert.DeserializeObject(OrgArray);for (int i = 0; i < OrgList.Count; i++){id=OrgList[i].id;name=OrgList[i].name;//添加}

利用js传一个对象到后台相关推荐

JS传中文到后台需要的处理
前台JS使用encodeURI函数对中文进行编码. 后台Java使用URIDecoder.decode(str,UTF_8)函数对中文进行解码,之后获得中文原文. 转载于:https://www.cn ...
php ajax向后台怎么传数组,利用ajax传递数组及后台接收的方法详解
这篇文章主要给大家介绍了关于利用ajax传递数组及后台接收的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们一起来学习学习吧. 前言我们在使用ajax异步的提交多选框得到需要 ...
js文件上传，java后台接收
js文件上传,java后台接收 js文件上传,java后台如何接收前端写法如下 <!DOCTYPE html> <html><head><meta char ...
jquery的$.ajax()利用FormData数据类型与php后台交互
可能孤陋寡闻,现在才知道MDN的存在:https://developer.mozilla.org/zh-CN/ 的MDN全名容易理解他是什么意思:MDN Web Docs 好了,自行学习,上一篇讲了j ...
Case Study: 利用JS设计高级检索功能通过PHP获取MySQL数据
一.目标该笔记的目的是引导读者借助WampServer平台和MySQL数据库,利用HTML/CSS/JS/PHP设计一个含有高级检索功能的数据库网页.该功能效果如图1所示.用户在文本框中输入相应内容 ...
Vue中使用vue-croper插件实现图片上传裁剪并传到SpringBoot后台接口
场景前后端分离的项目,前端修改头像时,需要对头像进行裁剪并且能实时预览,然后上传到SpringBoot后台. 实现效果如下注: 博客: https://blog.csdn.net/badao_li ...
利用js的闭包原理做对象封装及调用方法
创建一个js文件,名为testClosure.js: ? 1 2 3 4 5 6 7 8 9 (function () { function a() { alert('i am a') ...
layui表单加文件 php_layui框架实现文件上传及TP3.2.3(thinkPHP)对上传文件进行后台处理操作示例...
本文实例讲述了layui框架实现文件上传及TP3.2.3对上传文件进行后台处理操作.分享给大家供大家参考,具体如下: layui框架是1.0.9版本.. 首先html页面代码如下: js代码如下: l ...
HTML5 多图片上传（前端+后台详解）
HTML5 多图片上传(前端+后台详解) 1.参考jquery插件库 2.修改代码 3.添加的后台代码 4.删除的后台代码 1.参考jquery插件库手机端实现多图片上传 2.修改代码我发现他这里 ...

利用js传一个对象到后台

利用js传一个对象到后台相关推荐

最新文章

热门文章