ajax函數沒有傳遞給控制器​​的值

Question

請幫助我！

我有div與幾個銀行的圖像在我的_layout.cshtml頁面。每個圖像有一個id，比如說id "Jonota","Sonali","Rupali" ...等。現在，我使用jquery，這樣，當每個image是clicked， 我想該圖像的id傳遞給我的controller。 我的jQuery的樣子：

var a = $('div#banksBody img').size(); 
a.each($('div#banksBody img').click(function() { 
    $(this).addClass('bankIcons'); // this class is just for making the cursor > pointer in css 
    var id = this.id; 
    $.ajax({ 
     url: "Home/Test", 
     type: "POST", 
     traditional:true, 
     data: JSON.stringify(id), 
     dataType: "json", 
     contentType: "application/json; charset=utf-8", 
     success: function (result) { 
      if (result!="") { 
       alert(result); 
     } 
    });   
})); 

我的控制器看起來相當簡單：

[HttpPost] 
    public JsonResult Test(string id) 
    {  
     return Json(id , JsonRequestBehavior.AllowGet); 
    } 

我缺少什麼？

Answer 1

您在POST請求提供參數名：

$.ajax({ 
     url: "Home/Test", 
     type: "POST", 
     data: {'id' : JSON.stringify(id)} 
    });  

Answer 2

請檢查代碼data: JSON.stringify(id),我覺得字符串化需要一個參數

insted的那試試這個：

data: {"id":id}, 

Answer 3

您可以嘗試下面的代碼

  $("#banksBody>img").each(function() { 


     $(this).click(function(){ 


      var id = $(this).attr('id'); 


      }); 


      }); 

Answer 4

試試這個

$("#banksBody>span").each(function() { 


$(this).click(function(){ 


var id = $(this).attr('id'); 

$.ajax({ 
    url: "Home/Test", 
    type: "POST", 
    traditional:true, 
    data: {id:id}, 
    dataType: "json", 
    contentType: "application/json; charset=utf-8", 
    success: function (result) { 
     if (result!="") { 
      alert(result); 
    } 
    });   
     }); 


    });