Форма данных не отвечал на контроллер при использовании AJAX

Question

Ok поэтому у меня есть эта форма, на мой взгляд:

<form id="MyForm"> 
<input type="text" name="myinput" /> 
<button type="submit" /> 
</form> 

У меня есть следующие Javascript в верхней части моей точки зрения, которая запускается при загрузке страницы:

<script type="text/javascript"> 
    $(document).ready(
     function() { 
      $("#MyForm").submit(
       function() { 
        var url = "Home/TestAjax"; 

        var dataToSend = $("#MyForm").serialize(); 
        alert(dataToSend); 

        $.ajax 
        (
         { 
          type: "POST", 
          url: url, 
          data: dataToSend, 
          success: function (data) { 
           alert(data); 
          } 
         } 
        ); 

        return false; 
       } 
      ); 
     } 
    ); 
</script> 

Форма правильная сериализация в ajax, что подтверждается полем предупреждения. Вот мой TestAjax метод контроллера:

[HttpPost] 
public string TestAjax(string data) 
{ 
    return !string.IsNullOrEmpty(data) ? "Success" : "Failure"; 
} 

Значение возвращается в противном случае, потому что AJAX не быть вывешенным назад. Что я здесь делаю неправильно?

Благодаря

Answer 1

Имя вашего входного поля myinput не data. Поэтому убедитесь, что вы последовательно назвали аргумент ваших действий, а также:

[HttpPost] 
public ActionResult TestAjax(string myinput) 
{ 
    return !string.IsNullOrEmpty(myinput) ? Content("Success") : Content("Failure"); 
} 

При использовании $("#MyForm").serialize() это вернет myinput=some_value где some_value, очевидно, значение, которое пользователь ввел в этом поле ввода.

И если у вас 2 поля ввода в вашей форме:

<form id="MyForm"> 
    <input type="text" name="foo" /> 
    <input type="text" name="bar" /> 
    <button type="submit" /> 
</form> 

вы бы, конечно, написать вид модели:

public class MyViewModel 
{ 
    public string Foo { get; set; } 
    public string Bar { get; set; } 
} 

, что ваши действия контроллера будет принимать в качестве параметра:

[HttpPost] 
public ActionResult TestAjax(MyViewModel model) 
{ 
    return !string.IsNullOrEmpty(model.Foo) ? Content("Success") : Content("Failure"); 
} 

Также обратите внимание, что в ASP.NET MVC-контроллере действия должны возвращать ActionResults, а не stri или что-то еще.