Ciao a tutti,
ho un campo di input, dove l'utente specifica un numero che verra poì inviato a seguito del invio da parte di un submit. A me interessa leggere il valore del campo di input dell'utente, e passarlo tramite GET alla pagina php che verrà eseguita in maniera asincrona, ma non mi funziona. Vorrei cioè passare all'interno della funzione $.ajax( ) un parametro "qta" che corrisponde al testo inserito in input dall'utente.
Allego il codice della parte corrispondente
ho un campo di input, dove l'utente specifica un numero che verra poì inviato a seguito del invio da parte di un submit. A me interessa leggere il valore del campo di input dell'utente, e passarlo tramite GET alla pagina php che verrà eseguita in maniera asincrona, ma non mi funziona. Vorrei cioè passare all'interno della funzione $.ajax( ) un parametro "qta" che corrisponde al testo inserito in input dall'utente.
Allego il codice della parte corrispondente
Codice:
<input type="number" name="qta" id="qta"/>
<input type="submit" name="submit" class="button" id="submit_btn" value="send" onclick="richiesta_ajax_post()"/>
<script type='text/javascript'>
var xmlHttp = getXmlHttpObject();
function richiesta_ajax_post(){
xmlHttp.open('POST', "elabora.php", true);
$.ajax({
type: "GET",
url: "elabora.php?id=<?php echo $_GET["id"] ?>",
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
data: "{}",
dataType: "script",
success: function (msg) {
alert("Quantita ordinata");
},
error: function (msg) {
alert("Non funzia");
}
});
xmlHttp.send(id);
xmlHttp.onreadystatechange = function() {
if(xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
eval(xmlHttp.responseText);
}
}
};
xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlHttp.send();
}
function getXmlHttpObject() {
var xmlHttp=null;
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlHttp;
}
</script>