$ .ajaxでクエリ文字列の代わりにJSONを送信する方法は？

誰かがjQueryにクエリ文字列ではなく実際のJSONを送信させる方法を簡単な方法で説明できますか？

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

これにより、実際に慎重に準備されたJSONがクエリ文字列に変換されます。煩わしいことの1つは、おそらくクエリ文字列の制限のためarray: []にarray[]: []、オブジェクト内のすべてがに変換されることです。

を使用JSON.stringifyして、最初にオブジェクトをJSONにシリアル化してcontentTypeから、サーバーがJSONを理解できるようにを指定する必要があります。これでうまくいくはずです：

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

このJSONオブジェクトは、JavaScript 1.7 / ECMAScript 5以降をサポートするブラウザーでネイティブに使用できることに注意してください。レガシーサポートが必要な場合は、json2を使用できます。

いいえ、dataTypeオプションは受信したデータを解析するためのものです。

JSONを投稿するには、自分でJSONを文字列化しJSON.stringify、processDataオプションをに設定する必要がありますfalse。

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

すべてのブラウザーがJSONオブジェクトをサポートしているわけではないことに注意してください。jQueryにはが.parseJSONありますが、ストリング指定子は含まれていません。別のポリフィルライブラリが必要になります。

ASP.NET MVCのような多くのアーキテクチャには、JSON.stringifyを処理するための組み込み機能がcontentTypeとして含まれていることがわかっていますが、状況は少し異なるため、これは将来の誰かに役立つかもしれません。時間を節約できたと思います。

私のhttpリクエストは異なるサブドメインでIBM（AS400環境）からのCGI APIによって処理されているため、これらのリクエストはクロスオリジン、つまりjsonpです。私は実際にjavascriptオブジェクトを介して私のajaxを送信します。これが私のajax POSTの例です。

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

これをasp.netに送り返し、request.form []のデータが必要な場合は、コンテンツタイプを "application / x-www-form-urlencoded; charset = utf-8"に設定する必要があります。

元の投稿はこちら

次に、データ型を取り除きます。戻りが予期されない場合、POSTは約4分間待機してから失敗します。こちらをご覧ください