Làm cách nào để gửi JSON thay vì chuỗi truy vấn bằng $ .ajax?

Ai đó có thể giải thích một cách dễ dàng cách làm cho jQuery gửi JSON thực tế thay vì chuỗi truy vấn không?

$.ajax({
    url      : url,
    dataType : 'json', // I was pretty sure this would do the trick
    data     : data,
    type     : 'POST',
    complete : callback // etc
});

Thực tế, điều này sẽ chuyển đổi JSON được chuẩn bị cẩn thận của bạn thành một chuỗi truy vấn. Một trong những điều khó chịu là bất kỳ array: []đối tượng nào trong đối tượng của bạn sẽ được chuyển đổi thành array[]: [], có thể là do các giới hạn của sting truy vấn.

Trước tiên, bạn cần sử dụng JSON.stringifyđể tuần tự hóa đối tượng của mình thành JSON và sau đó chỉ định contentTypeđể máy chủ của bạn hiểu JSON của nó. Cái này cần phải dùng mẹo:

$.ajax({
    url: url,
    type: "POST",
    data: JSON.stringify(data),
    contentType: "application/json",
    complete: callback
});

Lưu ý rằng JSONđối tượng thực sự có sẵn trong các trình duyệt hỗ trợ JavaScript 1.7 / ECMAScript 5 trở lên. Nếu bạn cần hỗ trợ kế thừa, bạn có thể sử dụng json2 .

Không, dataTypetùy chọn này là để phân tích dữ liệu nhận được.

Để đăng JSON, bạn sẽ cần tự xâu chuỗi nó thông qua JSON.stringifyvà đặt processDatatùy chọn thành false.

$.ajax({
    url: url,
    type: "POST",
    data: JSON.stringify(data),
    processData: false,
    contentType: "application/json; charset=UTF-8",
    complete: callback
});

Lưu ý rằng không phải tất cả các trình duyệt đều hỗ trợ JSONđối tượng và mặc dù jQuery có .parseJSON, nhưng nó không có trình sắp xếp chuỗi bao gồm; bạn sẽ cần một thư viện polyfill khác.

Mặc dù tôi biết nhiều kiến ​​trúc như ASP.NET MVC có chức năng tích hợp sẵn để xử lý JSON.opesify vì nội dung Loại tình huống của tôi hơi khác một chút nên có thể điều này có thể giúp đỡ ai đó trong tương lai. Tôi biết nó sẽ giúp tôi tiết kiệm hàng giờ!

Vì các yêu cầu http của tôi đang được xử lý bởi API CGI từ IBM (môi trường AS400) trên một tên miền phụ khác, các yêu cầu này có nguồn gốc chéo, do đó là jsonp. Tôi thực sự gửi ajax của mình thông qua (các) đối tượng javascript. Đây là một ví dụ về ajax POST của tôi:

 var data = {USER : localProfile,  
        INSTANCE : "HTHACKNEY",  
        PAGE : $('select[name="PAGE"]').val(), 
        TITLE : $("input[name='TITLE']").val(), 
        HTML : html,
        STARTDATE : $("input[name='STARTDATE']").val(), 
        ENDDATE : $("input[name='ENDDATE']").val(),
        ARCHIVE : $("input[name='ARCHIVE']").val(), 
        ACTIVE : $("input[name='ACTIVE']").val(), 
        URGENT : $("input[name='URGENT']").val(), 
        AUTHLST :  authStr};
        //console.log(data);
       $.ajax({
            type: "POST",
           url:   "http://www.domian.com/webservicepgm?callback=?",
           data:  data,
           dataType:'jsonp'
       }).
       done(function(data){
         //handle data.WHATEVER
       });

Nếu bạn đang gửi lại thông tin này cho asp.net và cần dữ liệu trong request.form [] thì bạn sẽ cần đặt loại nội dung thành "application / x-www-form-urlencoding; charset = utf-8"

Bài gốc ở đây

Thứ hai hãy thoát khỏi Datatype, nếu bạn không mong đợi sự trở lại, POST sẽ đợi khoảng 4 phút trước khi thất bại. Xem tại đây