jquery Cuộc gọi Ajax - các thông số dữ liệu không được chuyển đến hành động của Bộ điều khiển MVC

Question

Tôi đang chuyển hai tham số chuỗi từ cuộc gọi jQuery ajax đến phương thức điều khiển MVC, mong đợi một phản hồi json quay lại. Tôi có thể thấy rằng các tham số được điền ở phía máy khách nhưng các tham số khớp nhau ở phía máy chủ là null.

Đây là javascript:

$.ajax({ 
    type: "POST", 
    contentType: "application/json; charset=utf-8", 
    url: "List/AddItem", 
    data: "{ ListID: '1', ItemName: 'test' }", 
    dataType: "json", 
    success: function(response) { alert("item added"); }, 
    error: function(xhr, ajaxOptions, thrownError) { alert(xhr.responseText); } 
}); 

Dưới đây là phương pháp điều khiển:

Function AddItem(ByVal ListID As String, ByVal ItemName As String) As JsonResult 
    'code removed for brevity 
    'ListID is nothing and ItemName is nothing upon arrival. 
    return nothing 
End Function 

Tôi đang làm gì sai?

Answer 1

tôi đã cố gắng:

<input id="btnTest" type="button" value="button" /> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#btnTest').click(function() { 
     $.ajax({ 
      type: "POST", 
      url: "/Login/Test", 
      data: { ListID: '1', ItemName: 'test' }, 
      dataType: "json", 
      success: function(response) { alert(response); }, 
      error: function(xhr, ajaxOptions, thrownError) { alert(xhr.responseText); } 
     }); 
     }); 
    }); 
</script> 

và C#:

[HttpPost] 
public ActionResult Test(string ListID, string ItemName) 
{ 
    return Content(ListID + " " + ItemName); 
} 

Nó làm việc. Xóa contentType và đặt data mà không có dấu ngoặc kép.

Answer 2

Nếu bạn gặp rắc rối với bộ nhớ đệm ajax bạn có thể tắt nó đi:

$.ajaxSetup({cache: false}); 

Answer 3

Trong trường hợp của tôi, nếu tôi loại bỏ các các contentType, tôi nhận được Lỗi máy chủ nội bộ.

Đây là những gì tôi đã làm việc sau nhiều lần cố gắng:

var request = $.ajax({ 
    type: 'POST', 
    url: '/ControllerName/ActionName' , 
    contentType: 'application/json; charset=utf-8', 
    data: JSON.stringify({ projId: 1, userId:1 }), //hard-coded value used for simplicity 
    dataType: 'json' 
}); 

request.done(function(msg) { 
    alert(msg); 
}); 

request.fail(function (jqXHR, textStatus, errorThrown) { 
    alert("Request failed: " + jqXHR.responseStart +"-" + textStatus + "-" + errorThrown); 
}); 

Và đây là các mã điều khiển:

public JsonResult ActionName(int projId, int userId) 
{ 
    var obj = new ClassName(); 

    var result = obj.MethodName(projId, userId); // variable used for readability 
    return Json(result, JsonRequestBehavior.AllowGet); 
} 

Xin lưu ý, trường hợp của ASP.NET là đôi chút khác biệt, chúng tôi có để áp dụng JSON.stringify() cho dữ liệu như được đề cập trong update của câu trả lời này.

Answer 4

Bạn cần thêm -> contentType: "application/json; charset = utf-8",

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#btnTest').click(function() { 
     $.ajax({ 
      type: "POST", 
      url: "/Login/Test", 
      data: { ListID: '1', ItemName: 'test' }, 
      dataType: "json", 
      contentType: "application/json; charset=utf-8", 
      success: function(response) { alert(response); }, 
      error: function(xhr, ajaxOptions, thrownError) { alert(xhr.responseText); } 
     }); 
     }); 
    }); 
</script>