JQuery/MVC/ajax ajaxを使用してコントローラにデータを投稿する方法は？

Question

私は私のMVCプロジェクトにAJAXとトリガーconterollerを使用してデータを渡すためにトリングい

これはこれは私がにテキストを渡す必要がjsの

$('#getmessage').on('click', function() { 
     var text = ''; 
     $('#discussion>li').each(function() { 
      text += $(this).text(); 
      text += '\n' 
     }) 
     console.log(text) 

     $.ajax({ 
      url: 'http://localhost:22828/File/Index', 
      type: 'POST', 
      data: text, 
      success: function (result) { 
       console.log("data sended"); 
      } 
     }) 
    }) 

である私のコントローラ

public class FileController : Controller 
{ 
    [HttpPost] 
    public ActionResult Index(string data) 
    { 
     return View(); 
    } 
} 

ですコントローラは、私のコントローラで取得するNULL
誰かがこれにいくつかの光を入れてもいいですか？事前

Answer 1

で
おかげでこれにあなたのJavascriptを変更します。

$('#getmessage').on('click', function() { 
     var text = ''; 
     $('#discussion>li').each(function() { 
      text += $(this).text(); 
      text += '\n' 
     }) 
     console.log(text) 

     $.ajax({ 
      url: 'http://localhost:22828/File/Index', 
      type: 'POST', 
      data: { data: text }, // This is all you have to change 
      success: function (result) { 
       console.log("data sended"); 
      } 
     }) 
    }) 

Answer 2

レコードこのようなdataを渡し、

url: 'File/Index?data=' + text, // Just make change here.. 

をあなたはちょうどあなたがコントローラに渡しているURLを変更する必要がありますこのようなAction。

$('#getmessage').on('click', function() { 
    var text = ''; 
    $('#discussion>li').each(function() { 
     text += $(this).text(); 
     text += '\n' 
    }) 
    console.log(text) 

    $.ajax({ 
     url: 'File/Index?data=' + text, // Just make change here.. 
     type: 'POST', 
     data: text, 
     success: function (result) { 
      console.log("data send"); 
     } 
    }) 
}) 

Answer 3

コントローラーに[FromBody]タグがありません。デフォルトでは、ASP.NETは単純なパラメータをURLからバインドしようとし、複雑なものだけを本体からバインドしようとします。

このようにそれを試してみてください。詳細については

public class FileController : Controller 
{ 
    [HttpPost] 
    public ActionResult Index([FromBody] string data) 
    { 
     return View(); 
    } 
} 

はthis関連の回答を参照してください。