Как выполнить Ajax вызов с использованием магистральной JS в MVC

Question

У меня есть следующий код JavaScript:

App.Views.AddPerson = Backbone.View.extend({ 
     el: '#addPerson', 

     events: { 
      'submit': 'submit', 
     }, 

     submit: function (e) { 
      e.preventDefault(); 
      var newPersonName = $(e.currentTarget).find('input[type=text]').val(); 
      var person = new App.Models.Person({ name: newPersonName, age: newAge, occupation: newOccupation }); 
      this.collection.add(person); 
      this.$('#todo-title').val(''); 

      $.ajax({ 
       type: 'POST', 
       url: '@Url.Action("InsertRecord", "Home")', 
       data: newPersonName , 
       success: function(data) { 
       alert(data); 
       }, 
       error: function(){ 
       alert("error"); 
       } 
      }); 
     } 
    }); 

В контроллере я следующий метод:

[HttpPost] 
    public ActionResult InsertRecord(string str) 
    { 

     return View(); 
    } 

Но он не выполняет Аякс вызовите и поднимите ошибку.

Answer 1

Попробуйте это:

submit: function (e) { 
     e.preventDefault(); 
     var newPersonName = $(e.currentTarget).find('input[type=text]').val(); 
     var person = new App.Models.Person({ name: newPersonName, age: newAge, occupation: newOccupation }); 
     this.collection.add(person); 
     this.$('#todo-title').val(''); 

     $.ajax({ 
     type: 'POST', 
     url: window.location + "Home/InsertRecord", 
     data: {ID : newPersonName}, 
     success: function(data) { 
     // Code after success }, 
      error: function(){ 
      alert("error"); 
      } 
     }); 

Answer 2

Используйте этот

$.ajax({ 
      type: 'POST', 
      url: '@Url.Action("InsertRecord", "Home")', 
      data: {str:newPersonName} , // use the same paramtre name as in Controller 
      success: function(data) { 
      alert(data); 
       }, 
       error: function(){ 
       alert("error"); 
       } 
      }); 

Надеется, что это помогает

Answer 3

$.ajax({ 
      type: 'POST', 
      url: window.location + "Home/InsertRecord", 
      data: {ID : newPersonName, 
        Name:newAge, 
        DeptID:newOccupation }, 
      success: function(data) { 
      alert(data); 
       }, 
       error: function(){ 
       alert("error"); 
       } 
      });