Получение ошибки 400 неправильного запроса в JQuery Ajax POST

Question

Я пытаюсь отправить запрос AJAX POST с использованием JQuery, но у меня 400 ошибок запроса.

Вот мой код:

$.ajax({ 
    type: 'POST', 
    url: "http://localhost:8080/project/server/rest/subjects", 
    data: { 
    "subject:title":"Test Name", 
    "subject:description":"Creating test subject to check POST method API", 
    "sub:tags": ["facebook:work", "facebook:likes"], 
    "sampleSize" : 10, 
    "values": ["science", "machine-learning"] 
    }, 
    error: function(e) { 
    console.log(e); 
    } 
}); 

Он говорит: Не удается создать ресурс из запроса. Что мне не хватает?

Answer 1

Наконец, я получил ошибку и причина была мне нужно stringify данные JSON, которые я отправлял. Я должен установить тип контента и тип данных в объекте XHR. Так правильная версия здесь:

$.ajax({ 
    type: 'POST', 
    url: "http://localhost:8080/project/server/rest/subjects", 
    data: JSON.stringify({ 
    "subject:title":"Test Name", 
    "subject:description":"Creating test subject to check POST method API", 
    "sub:tags": ["facebook:work", "facebook:likes"], 
    "sampleSize" : 10, 
    "values": ["science", "machine-learning"] 
    }), 
    error: function(e) { 
    console.log(e); 
    }, 
    dataType: "json", 
    contentType: "application/json" 
}); 

Может быть, это поможет кому-то еще.

Answer 2

Вам необходимо создать запрос из «данных» объекта с помощью следующей функции

function buildQuery(obj) { 
     var Result= ''; 
     if(typeof(obj)== 'object') { 
      jQuery.each(obj, function(key, value) { 
       Result+= (Result) ? '&' : ''; 
       if(typeof(value)== 'object' && value.length) { 
        for(var i=0; i<value.length; i++) { 
         Result+= [key+'[]', encodeURIComponent(value[i])].join('='); 
        } 
       } else { 
        Result+= [key, encodeURIComponent(value)].join('='); 
       } 
      }); 
     } 
     return Result; 
    } 

, а затем продолжить

var data= { 
"subject:title":"Test Name", 
"subject:description":"Creating test subject to check POST method API", 
"sub:tags": ["facebook:work, facebook:likes"], 
"sampleSize" : 10, 
"values": ["science", "machine-learning"] 
} 

$.ajax({ 
    type: 'POST', 
    url: "http://localhost:8080/project/server/rest/subjects", 
    data: buildQuery(data), 
    error: function(e) { 
    console.log(e); 
    } 
}); 

Answer 3

Вопрос немного старый ... но на всякий случай кто-то сталкивается с ошибкой 400, это может также возникнуть из-за необходимости публиковать сообщение csrfToken в качестве параметра для запроса на отправку.

Вы должны получить имя и значение из корабля в шаблоне:

<script type="text/javascript"> 
    window.csrfTokenName = "{{ craft.config.csrfTokenName|e('js') }}"; 
    window.csrfTokenValue = "{{ craft.request.csrfToken|e('js') }}"; 
</script> 

и передать их в запросе

data: window.csrfTokenName+"="+window.csrfTokenValue