Mô hình MVC ràng buộc một mảng chuỗi từ bài đăng jQuery

Question

Tham số string[] orderTypeNames sắp xuất hiện.

hành động MVC

public PartialViewResult EditMultipleOrderStates(
    string[] orderTypeNames, 
    int[] orderIds) 

javascript

$('#edit-mulitple-order-states-button').click(function() { 
    ids = []; 
    types = []; 
    $checked = $('.order-queue-order input:checked'); 
    $orders = $checked.closest('.order-queue-order'); 
    $orders.each(function (index, elem) { 
     $order = $(elem); 
     ids.push($order.attr("orderId")); 
     types.push($order.attr("orderType")); 
    }); 
    data = { 
     orderIds: ids, 
     orderTypeNames: types 
    }; 
    $.post('EditMultipleOrderStates', data, function (response) { 
     //... 
    }); 
}); 

cáy

orderIds%5B%5D=97&orderIds%5B%5D=98&orderIds%5B%5D=93&orderTypeNames%5B%5D=DeliveryOrder&orderTypeNames%5B%5D=DeliveryOrder&orderTypeNames%5B%5D=DeliveryOrder 

Đây có phải là dấu ngoặc vuông gây ra sự cố không? Làm thế nào tôi có thể liên kết với các mảng này?

Chỉnh sửa: Tôi đang tạo chuỗi truy vấn theo cách thủ công trong thời gian trung bình.

query = ""; 
for each... 
query += "orderIds=" + $order.attr("orderId") + "&"; 
query += "orderTypeNames=" + $order.attr("orderType") + "&"; 

Answer 1

Có một bài viết hay về cách chuyển nhiều thông số qua POST ở đây.

POST Multiple parameters

Đó là nói về WebApi nhưng vẫn có liên quan trong trường hợp này.

Answer 2

Bạn cần gọi một số loại JSON.stringify trên dữ liệu.

$.post('EditMultipleOrderStates', JSON.stringify(data), function (response) { 
     //... 
    }); 

Answer 3

@Benjamin. Dưới đây là một ví dụ chi tiết hơn về những gì tôi đã làm, hoạt động

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#btnTest').click(function() { 

      var filter = { 
       OrgId: 3, 
       Drivers: [{ Name: "SGT-200" }, { Name: "SGT-100"}], 
       DrivenUnits: [{ Name: "Generator" }], 
       Regions: [{ Name: "REU" }], 
       SearchString : "Test search string" 
      }; 

      $.ajax(
       { 
        url: "/api/Dashboard/PostFilter", 
        type: "POST", 
        contentType: "application/json", 
        dataType: "json", 
        data: JSON.stringify(filter), 
        success: function(result) { 
         alert(result); 
        }, 
        error: function(error) { 

         alert("There was an error posting the data to the server: " + error.responseText); 

        } 
       }); 
     }); 
    }); 
</script> 

Hy vọng điều này sẽ hữu ích.

EDIT: Và đây là các khớp C# đối tượng

public class Filter 
{ 
    public int OrgId { get; set; } 
    public List<FilterData> Drivers { get; set; } 
    public List<FilterData> DrivenUnits { get; set; } 
    public List<FilterData> Regions { get; set; } 
    public List<FilterData> Operations { get; set; } 
    public List<FilterData> Connections { get; set; } 
    public string SearchString { get; set; } 
} 

public class FilterData 
{ 
    public string Type { get; set; } 
    public string Name { get; set; } 
    public int Count { get; set; } 
} 

Tất cả các tên kiểu của bạn cần phải phù hợp. Và bên dưới là mã nhận được cuộc gọi

public IQueryable<DashboardData> Post(Filter filter) { 
     using(_unitOfWork) 
     { 
      _dashboardRepository.UsingUnitOfWork(_unitOfWork); 

      return FilterDashboardData(_dashboardRepository.GetDashboardData(filter.OrgId), filter); 
     } 
    }