ASP.NET MVC下通过JQuery$.ajax提交数据,控制器接收数据

今天在实现一个小功能时,这个是一个弹出的模态框,然后点击保存的时候,通过Ajax将文本框中的内容传到后台控制器,控制器执行相应的操作,在将内容保存到数据库。然后问题就出在用Ajax传到控制器的时候,控制器接收不到参数。因为写MVC也比较少,这方面不是很会,所以还是记录一下。

ASP.NET MVC下通过JQuery$.ajax提交数据,控制器接收数据_第1张图片

一开始我的代码是这样写的:

前端ajax代码:

ASP.NET MVC下通过JQuery$.ajax提交数据,控制器接收数据_第2张图片

后端控制器:

ASP.NET MVC下通过JQuery$.ajax提交数据,控制器接收数据_第3张图片

控制器方法写成:public JsonResult Update(string id_,string explain)则提交后跳不到这个方法里面去。上面的写法可以跳到里面,但是两个字段都是null

调试查看了Request对象,里面也是找不到提交过来的数据。

后来看了同学之前写的代码,他是这样写的:

ASP.NET MVC下通过JQuery$.ajax提交数据,控制器接收数据_第4张图片

ASP.NET MVC下通过JQuery$.ajax提交数据,控制器接收数据_第5张图片

这样写后台控制器方法就可以接受到两个参数的值;

不过现在还不是很能理解这行代码的意思 var jsonword = eval('(' + '{"id":"' + id + '","explain":"' + explain_text + '"}' + ')');

查了一下eval函数:

ASP.NET MVC下通过JQuery$.ajax提交数据,控制器接收数据_第6张图片

上面代码exal里面的参数好像也没有要计算和执行的,我把这个函数去掉调试了一下;

var jsonword = '(' + '{"id":"' + id + '","explain":"' + explain_text + '"}' + ')';

结果控制器方法就接受不到参数了

然后我们要传的参数格式是JSON,JSON.stringify()意义:

ASP.NET MVC下通过JQuery$.ajax提交数据,控制器接收数据_第7张图片

返回的是JSON文本字符串。

我再把data参数改一下:data: '{"id":"' + id + '","explain":"' + explain_text + '"}',

调试运行,结果显示在控制器方法是可以接收到参数的。说到底就是data参数的问题。

在菜鸟教程查一下参数

ASP.NET MVC下通过JQuery$.ajax提交数据,控制器接收数据_第8张图片

参数是String类型,上面第一种不行的写法,似乎之前自己也写过,网上也很多都是那样写,但是他们究竟能不能运行,我不知道,反正我是不行。折腾半天,就是参数类型没有仔细看是什么类型的。


后面稍微改进一下方法的参数,先建一个类

ASP.NET MVC下通过JQuery$.ajax提交数据,控制器接收数据_第9张图片


把控制器方法参数换成改类的对象,类的属性要跟前端传过来的参数字段要一样。

 ASP.NET MVC下通过JQuery$.ajax提交数据,控制器接收数据_第10张图片

在 Asp.Net MVC中有个 Model Binder的概念:

  • 无论请求是否由带参的action方法生成,Model Binder都会自动执行。
  • Model Binder会通过方法的元参数迭代,然后会和接收到参数名称做对比。如果匹配,则响应接收的数据,并分配给参数。
  • 在Model Binder迭代完成之后,将类参数的每个属性名称与接收的数据做对比,如果匹配,则响应接收的数据,并分配给参数


2018/6/25 补充:

把两边的冒号先去掉:{"id":88,"name":"alin"} Ajax提交的数据这样的话,说明第一个参数id是int类型,第二个参数name是string类型。所以再控制器的方法中得这样写 public JsonResult Server(int id,string name);

目前只知道这两种数据类型的写法,感觉也应该只有这两种数据类型的写法。

你可能感兴趣的:(MVC)