% 5Bobject% 20Object% 5D (404 non trovato) durante il tentativo di invio tramite AJAX

Question

Sto provando a passare variabili tramite ajax a uno script PHP che eseguirà una query MySQL. Tuttavia, continuo a ricevere l'errore 404 Not Found con: "http: // myurl/database /% 5Bobject% 20Object% 5D".

Sembra che stia cercando di inviare i dati a http://myurl/database/%5Bobject%20Object%5D invece dello script PHP che ho definito. Davvero in perdita su questo ... pensavo che mettere l'URL assoluto in avrebbe funzionato.

Di seguito è riportato il mio codice. Sarebbe eternamente grato per tutto l'aiuto ....

<script type="text/javascript"> 
function insertData() 
{ 
    var dataid= $('#dataid').attr('value'); 
    var industry = $('#industry').attr('value'); 
    var geolocation = $('#geolocation').attr('value'); 
    $.post({ 
     type: "POST", 
     url: "http://myURL/database/InsertData.php", 
     data: "dataid="+ dataid+"&amp;industry="+ industry +"&amp;geolocation="+ geolocation, 
     }); 
return false; 
}; 

</script> 

Answer 1

provare l'invio dei dati in un oggetto, invece, come:

data: { 
    dataid : dataid, 
    industry : industry, 
    geolocation : geolocation 
} 

Answer 2

Si dovrebbe cambiare il $.post-$.ajax o passare l'URL e dati parametri. $.post è solo una scorciatoia per $.ajax e accetta l'URL come primo parametro.

quindi dovrebbe essere:

$.ajax({ 
    type: "POST", 
    url: "http://myURL/database/InsertData.php", 
    data: "dataid="+ dataid+"&industry="+ industry +"&geolocation="+ geolocation 
}); 

o, con $ .post

$.post("http://myURL/database/InsertData.php", "dataid="+ dataid+"&industry="+ industry +"&geolocation="+ geolocation); 

ricordare che i documenti sono quasi sempre utili

Answer 3

Evan è giusto, inviando tryy tua un dato un oggetto, jquery si occuperà correttamente della codifica URL dei valori. Le concatenazioni di stringhe possono essere problematiche in js.

Answer 4

Come detto e, $.post prevede una stringa URL come primo parametro; se si desidera passare un oggetto opzione, è necessario utilizzare $.ajax.

Quando si tenta di chiamare $.post(<option object>), l'oggetto opzione viene utilizzato come URL; in questo processo, viene eseguito il cast su una stringa (e un cast di oggetto su una stringa diventa [object <type>] in Javascript; in questo caso, [object Object]), viene codificato tramite URL (%5Bobject%20Object%5D) e, poiché non inizia con / o un nome di protocollo, viene interpretato come un URL relativo e ottiene il prefisso con il protocollo, il dominio e il percorso correnti. Quindi, poiché non ci sono più parametri, una richiesta POST AJAX vuota viene inviata a quell'URL.

Un altro problema è che si utilizza & per separare i parametri; che dovrebbe essere fatto solo in HTML, qui dovresti semplicemente usare &. (O un oggetto dati, come diceva Evan, in questo modo non è necessario pensare ai problemi di codifica.) E .val() e .attr('value') non sono la stessa cosa; il primo è il valore corrente del campo, il secondo è il valore che aveva quando veniva caricata la pagina.

Il modo più semplice per questo in modo corretto è questo:

function insertData() { 
    var data = $('#dataid,#industry,#geolocation').serialize(); 
    $.post('http://myURL/database/InsertData.php', data); 
    return false; 
} 

Questo presuppone che i tre campi hanno lo stesso name e id come $.serialize usa name per il nome del parametro.

Answer 5

Sembra un errore jquery. jQuery.post è una stenografia di jQuery.ajax({method:"post"});, quindi ho cambiato il mio codice a questo e ha funzionato per me. Spero che correggeranno questo problema.

Nota: il problema esiste ancora nelle versioni 1.10.2 e 2.0.2.