Как отправить JSON вместо строки запроса с $ .ajax?

Может кто-нибудь объяснить простым способом, как заставить jQuery отправлять фактический JSON вместо строки запроса?

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

Это фактически преобразует ваш тщательно подготовленный JSON в строку запроса. Одна из неприятных вещей заключается в том, что любой 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.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его, в него не включен ни один строковый преобразователь; вам понадобится еще одна библиотека polyfill.

Хотя я знаю, что многие архитектуры, такие как ASP.NET MVC, имеют встроенную функциональность для обработки JSON.stringify как contentType, моя ситуация немного отличается, поэтому, возможно, это может кому-то помочь в будущем. Я знаю, это спасло бы меня часы!

Поскольку мои http-запросы обрабатываются CGI API от IBM (среда AS400) на другом поддомене, эти запросы имеют перекрестное происхождение, отсюда и jsonp. Я фактически отправляю свой ajax через объект (ы) javascript. Вот пример моего 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»

Оригинальный пост здесь

Во-вторых, избавьтесь от Datatype, если вы не ожидаете возврата, POST будет ждать около 4 минут, прежде чем потерпит неудачу. Смотри здесь