Otrzymywanie błędu 400 nieprawidłowych żądań w Jquery Ajax POST

Question

Próbuję wysłać żądanie Ajax POST za pomocą Jquery, ale mam 400 nieprawidłowy błąd żądania.

Oto mój kod:

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

ona mówi: Nie można zbudować z zasobu zamówienie. Czego mi brakuje?

Answer 1

Wreszcie, mam błąd, a powodem było muszę stringify dane JSON, które wysyłałem. Muszę ustawić typ zawartości i typ danych w obiekcie XHR. więc poprawna wersja jest tutaj:

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

Może to pomoże kogoś innego.

Answer 2

Trzeba zbudować kwerendę z „dane” obiektu za pomocą następujących funkcji

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

a następnie postępuj zgodnie ze wskazówkami

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

Pytanie jest nieco stare ... ale na wypadek, gdyby ktoś napotkał błąd 400, może to również wynikać z potrzeby wysłania csrfToken jako parametru do żądania wpisu.

Musisz uzyskać nazwę i wartość z rzemiosła w szablonie:

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

i przekazać je w swoim wniosku

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