Nhận được 400 lỗi yêu cầu không hợp lệ trong Jquery Ajax POST

Question

Tôi đang cố gắng gửi một yêu cầu POST của Ajax bằng cách sử dụng Jquery nhưng tôi gặp phải 400 lỗi yêu cầu không hợp lệ.

Đây là mã của tôi:

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

Nó nói: Không thể xây dựng nguồn từ yêu cầu. Tôi đang thiếu gì?

Answer 1

Cuối cùng, tôi đã phạm sai lầm và lý do là tôi cần phải stringify dữ liệu JSON tôi đang gửi. Tôi phải thiết lập kiểu nội dung và kiểu dữ liệu trong đối tượng XHR. Vì vậy, phiên bản chính xác là ở đây:

$.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" 
}); 

Có thể nó sẽ giúp người khác.

Answer 2

Bạn cần phải xây dựng truy vấn từ "dữ liệu" đối tượng bằng cách sử dụng chức năng sau

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

và sau đó tiến hành

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

Câu hỏi này hơi cũ ... nhưng chỉ trong trường hợp ai đó phải đối mặt với lỗi 400, nó cũng có thể xuất phát từ việc cần đăng csrfToken làm tham số cho yêu cầu đăng bài.

Bạn có để có được tên và giá trị từ nghề trong mẫu của bạn:

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

và vượt qua chúng trong yêu cầu của bạn

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