常见问题一之拼接表格 js传递参数变量 Json接收值
1.前台拼接表格时,有时候需要使用拼接html字符串,需要多次循环拼接的,放在方法里边:
//ary可以是数组中的一组数据.
function(ary)
{
var MyHtml="<tr>";
MyHtml+="<td>" + ary.ID + "</td>";
MyHtml+="<td>" + '<input type="radio" name="toggle" valuestr="'+ary.Name+'"/>' + "</td>";
MyHtml="</tr>";
}
2.利用javascript和@url.action()传递参数变量。
//url字符串
var urlstr = '@Url.Action("Index", "Home")' + "?Id=" +id;
//更改
$("#btnok").attr("href", urlstr);
3.利用从json后台传送一个实体类到前台。
public JsonResult JsonTest()
{ var Model = db.Model.First(x => true);
//var Model = db.Model.Where(x => true).Take(1).ToList();
//序列化对象
string str = JsonConvert.SerializeObject(Model);
return Json(str);
}
//前台接收
$("#btnok2").click(function () {
$.ajax({
type: "post",
url: "@Url.Action("JsonTest", "Home")",
data: { }, //传递json字符串 需要使用 JSON.stringify(ary)
cache: false,
dataType: "json",
success: function(data) {
var ary2 = JSON.parse(data);
alert(ary2.ID + "." + ary2 + "," + ary2.Name); //alert(ary2[0].ID + "." + ary2 + "," + ary2[0].Name);
}
})
4.json传递数据方式二:传递一个List<JsonClass>。
public JsonResult JsonTest2(int id)
{
string str = string.Empty;
if (id == )
{
JsonClass jsonClass = new JsonClass()
{
ID = ,
Name = "xx",
Sex = "男"
};
List<JsonClass> list = new List<JsonClass>();
list.Add(jsonClass);
list.Add(new JsonClass
{
ID = ,
Name = "oo",
Sex = "女"
});
str = JsonConvert.SerializeObject(list);
}
return Json(str, JsonRequestBehavior.AllowGet);
}
//定义类别
public class JsonClass
{
public int ID { get; set; }
public string Name { get; set; } public string Sex { get; set; }
}
5.接收前台传过来的Json字符串
[HttpPost]
public ActionResult Edit(string ary)
{
// ary = "[{\"type\":\"0\",\"Id\":\"3\",\"serial\":\"2\"},{\"type\":\"0\",\"Id\":\"2\",\"serial\":\"1\"}]";
var emply = new { ID = , Name = string.Empty,Sex = string.Empty };
if (ary.Length>)
{
JArray jsonary = (JArray)JsonConvert.DeserializeObject(ary);
string str = string.Empty;
for(int i=;i<jsonary.Count;i++)
{
JObject obj = (JObject)jsonary[i];
var array = JsonConvert.DeserializeAnonymousType(obj.ToString(), emply);
str += array.ID + array.Name + array.Sex; //第二种接收值方式:
int Id;
string Name, Sex;
Id = Convert.ToInt32(obj["ID"].ToString());
Name = obj["Name"].ToString();
Sex = obj["Sex"].ToString();
}
}
return RedirectToAction("Index");
}
}
以上为平时遇到,或者遇到后又遗忘的一些些问题。备以记录,以供查询。
常见问题一之拼接表格 js传递参数变量 Json接收值的更多相关文章
- 工作随笔——Java调用Groovy类的方法、传递参数和获取返回值
接触Groovy也快一年了,一直在尝试怎么将Groovy引用到日常工作中来.最近在做一个功能的时候,花了点时间重新看了下Java怎么调用Groovy的方法.传递参数和获取返回值. 示例Groovy代码 ...
- 解决axios传递参数后台无法接收问题
1.根据下面几个方法改变前台传递参数方式 这样后台就可以直接根据传递的参数获取数据,如下图用户登录时直接传递用户名和密码 2.不改变前台传递样式修改后台接收方式
- 在js传递参数中含加号(+)的处理方式
一般情况下,URL 中的参数应使用 url 编码规则,即把参数字符串中除了 -_. 之外的所有非字母数字字符都将被替换成百分号(%)后跟两位十六进制数,空格则编码为加号(+).但是对于带有中文的参数来 ...
- js传递参数中包含+号时的处理方法
encodeURI(url).replace(/\+/g, '%2B') 例子: $scope.getAnesthesiawaystatistical = function (annual, anes ...
- JS传递参数时对中文进行编码和解码
var b ="啊,我要过去"; var a = encodeURI(b);//对中文编码 ...
- axios 使用post方式传递参数,后端接收不到
最近做vue项目,做图片上传的功能,使用get给后台发送数据,后台能收到,使用post给后台发送图片信息的时候,vue axios post请求发送图片base64编码给后台报错HTTP 错误 414 ...
- ajax传递参数与controller接收参数映射关系
将ajax的参数传递至后台controller时,data 中的参数名要与controller中的形参保持一致. 前端ajax代码: 1 $.ajax({ 2 url:"/doLogin&q ...
- js 判断一个变量是否有值
最近遇到一个面试题,判断一个变量是否有值,当时有点蒙,其实很简单,就是判断 变量是否为 undefined或者null function isFlag(val) { if(Object.prototy ...
- js与php传递参数
这个问题在网页开发时经常遇到,其实解决办法非常简单,就是几行代码的事,不过各种js.php书上都没有,百度下来也乱七八糟的,有的能用,有的不能用.小编遇到这问题时认认真真研究了一上午,研究出一点心得, ...
随机推荐
- 在jsp中如何使用javax.servlet.http.HttpServlet,javax.servlet.GenericServlet, javax.servlet.Servlet
- VMware下Debian开发环境部署之常见问题记录
本文讲介绍windows作为宿主机,linux虚拟机作为编译环境的开发环境搭建中最常用到的三个问题,详细描述了解决过程. 目录: 1.网路配置: 2.分辨率设置: 3.共享网盘设置: 1.网络设置,V ...
- oracle如何调试存储过程
oracle如果存储过程比较复杂,我们要定位到错误就比较困难,那么可以存储过程的调试功能 先按简单的存储过程做个例子,就是上次做的存储过程(proc_test) 1.先在数据库的procedures文 ...
- weka安装&配置&使用
安装与配置: 官网下载安装即可,分为带jre和不带jre版本,3.8需要jre1.8.如果装了1.7的话,还是自己先装一个1.8再装不带jre版本的比较好,不然weka装的会让人一脸懵逼,不知道装在哪 ...
- postman安装
安装包下载下来,解压缩到你喜欢的位置. 打开 Chrome 浏览器的「扩展程序」 点击「加载已解压的扩展程序...」按钮,找到你刚刚下载的安装包的位置,点击确定. 你去看看 Windows 的开始菜单 ...
- 利用IIS部署WEB网站以及解决CSS/JS不能显示问题
利用IIS部署WEB网站以及解决CSS/JS不能显示问题 转载声明:http://blog.sina.com.cn/s/blog_a001e5980101b4kt.html vs中正常IIS发布网站后 ...
- python运算符与数据类型
python运算符 Python语言支持以下类型的运算符: 算术运算符 比较(关系)运算符 赋值运算符 逻辑运算符 位运算符 成员运算符 身份运算符 运算符优先级 以下假设变量: a=10,b=20: ...
- jmeter的几种参数化方式
在用到jmeter工具时,无论做接口测试还是性能测试,参数化都是一个必须掌握且非常有用的知识点.参数化的使用场景,例如: 1)多个请求都是同一个ip地址,若服务器地址更换了,则脚本需要更改每个请求的i ...
- js问题解决——cannot read property style of undefind
当遇到cannot read property style of undefine的问题如下: 那就说明你设定的这个变量名为空 比如我在文档里写的属性名为list_box 但是我获取的属性名称写错了 ...
- CSS3动画与JS动画的优缺点?
JS动画: 缺点:1.JS在浏览器的主线程中运行,而主线程还有其他的js脚本,样式布局,绘制任务等,对其干扰可能导致线程出现阻塞,从而造成丢帧的情况. 2.JS动画代码复杂度高于CSS3动画. 优点: ...