如何在ASP.NET MVC5中使用JQuery保存数据?

时间:2015-07-15 04:14:34

标签: jquery asp.net-mvc-5

我是Jquery和MVC的新手。我试着插入一些学生记录。我尝试了一个jquery代码,但它没有用。当我在jquery函数中设置post方法URL时,它也没有显示视图。我无法得到什么是错误以及我哪里出错了。这是我正在使用的jquery代码。

 <script src="~/Scripts/jquery.growl.js"></script>
 <link href="~/StyleSheets/jquery.growl.css" rel="stylesheet" />
 <script src="~/Scripts/jquery-1.10.2.min.js"></script>
 <script>
        function Submit() {
              if (!IsValied()) {
                    return;
              }
              $.growl.notice({ message: "Please Wait.." });
              var sex = 1;
              if (document.getElementById("male").checked == true) {
                  sex = 1;
              } else {
                  sex = 2;
              }
              var params = {
                   StudentId: $('#txtStudentId').val(),
                   StudentName: $('#txtStudentName').val(),
                   Age: $('#txtAge').val(),
                   Gender: sex
              };
              $.ajax({
                   type: 'POST',
                   url: '/Student/Create',
                   data: params,
                   success: function (data) {
                       $.growl.notice({ message: "Successfully Saved" });
                   },
                   error: function (req, status, error) { 
                       $.growl.error({ message: "Error" });
                   }
              });
         }

         function IsValied() {
              if (jQuery('#txtStudentId').val() == "") {
                   $.growl.warning({ message: "Enter Student Id" });
                   return false;
              }
              else if (jQuery('#txtStudentName').val() == "") {
                   $.growl.warning({ message: "Enter Student Name" });
                   return false;
               } else if (jQuery('#txtAge').val() < 0) {
                   $.growl.warning({ message: "Enter Age" });
                   return false;
               }
               return true;
         }
 </script>

 <!-- end snippet -->

我创建了POST方法如下。

[HttpPost]
public ActionResult Create(Student student)
{
      SchoolContext studentObj = new SchoolContext();
      using (SchoolContext OdContext = new SchoolContext())
      {
          Student objStudent = new Student();
          objStudent.StudentId = student.StudentId;
          objStudent.StudentName = student.StudentName;
          objStudent.Age = student.Age;
          objStudent.Gender = (byte)student.Gender;
          OdContext.Students.Add(objStudent);
          OdContext.SaveChanges();
          return Json(student, JsonRequestBehavior.AllowGet);
      }

 }

请告诉我该怎么办?

0 个答案:

没有答案