Bagaimana cara mengirim JSON alih-alih string kueri dengan $ .ajax?

Dapatkah seseorang menjelaskan dengan cara mudah bagaimana membuat jQuery mengirim JSON yang sebenarnya, bukan string kueri?

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

Ini sebenarnya akan mengkonversi JSON Anda disiapkan dengan hati-hati ke string kueri. Salah satu hal yang mengganggu adalah benda apa pun yang ada array: []di objek Anda akan dikonversi array[]: [], mungkin karena batasan dari sengatan kueri.

Anda perlu menggunakan JSON.stringifyuntuk membuat serialkan objek Anda terlebih dahulu ke JSON, dan kemudian tentukan contentTypeagar server Anda memahami JSON itu. Ini harus melakukan trik:

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

Perhatikan bahwa JSONobjek tersebut tersedia secara native di browser yang mendukung JavaScript 1.7 / ECMAScript 5 atau lebih baru. Jika Anda membutuhkan dukungan sebelumnya, Anda dapat menggunakan json2 .

Tidak, dataTypeopsinya adalah untuk mem-parsing data yang diterima.

Untuk mengeposkan JSON, Anda harus menyesuaikannya sendiri JSON.stringifydan mengatur processDataopsi false.

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

Perhatikan bahwa tidak semua browser mendukung JSONobjek tersebut, dan meskipun jQuery memilikinya .parseJSON, ia tidak menyertakan stringifier; Anda akan membutuhkan perpustakaan polyfill lain.

Meskipun saya tahu banyak arsitektur seperti ASP.NET MVC memiliki fungsionalitas bawaan untuk menangani JSON.stringify sebagai contentType situasi saya sedikit berbeda jadi mungkin ini dapat membantu seseorang di masa depan. Saya tahu itu akan menyelamatkan saya berjam-jam!

Karena permintaan http saya sedang ditangani oleh API CGI dari IBM (lingkungan AS400) pada subdomain yang berbeda, permintaan ini berasal dari silang, karenanya jsonp. Saya sebenarnya mengirim ajax saya melalui objek javascript. Berikut adalah contoh dari POST ajax saya:

 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
       });

Jika Anda mengirim ini kembali ke asp.net dan memerlukan data di request.form [] maka Anda perlu mengatur tipe konten menjadi "application / x-www-form-urlencoded; charset = utf-8"

Posting asli di sini

Kedua singkirkan Datatype, jika Anda tidak mengharapkan pengembalian, POST akan menunggu sekitar 4 menit sebelum gagal. Lihat di sini