Ich mache ein einfaches Formular, das 5 input
Elemente für Teile einer Adresse hat. Ich benutze jQuery, um eine AJAX-Anfrage an eine PHP-Datei auf meinem Server zu erstellen und zu senden. Aus irgendeinem Grund ist meine jQuery nicht in der Lage, die Werte von meinen input
Elementen zu lesen. Was könnte falsch sein?jQuery und AJAX?
Hier ist meine jQuery:
$('#submitButton').click(function(){
$('#BBRequestBox').html('<img src="images/loading.gif" />');
alert('Info: ' + $('#name').val() + ' ' + $('#street').val() + ' '
+ $('#city').val() + ' ' + $('#state').val() + ' '
+ $('#zip').val() + ' ');
$.ajax({
type: "POST",
url: "./bbrequest.php",
data: {
name: $('#name').val(),
street: $('#street').val(),
city: $('#city').val(),
state: $('#state').val(),
zip: $('#zip').val()
},
success: function(msg){
$('#BBRequestBox').html('<p>' + msg + '</p>');
},
error: function(XMLHttpRequest, textStatus, errorThrown){
$('#BBRequestBox').html('<p> There\'s been an error: '
+ errorThrown + '</p>');
}
});
return false;
});
Hier ist mein HTML:
<div id="BBRequestBox">
<form action="#">
<label>Name:</label><input type="text" name="name" id="name" class="textbox" />
<label>Street:</label><input type="text" name="street" id="street" class="textbox" />
<label>City:</label><input type="text" id="city" class="textbox" />
<label>State:</label><input type="text" id="state" class="textbox" />
<label>Zip:</label><input type="text" id="zip" class="textbox" />
<input type="submit" value="Send Me a Bitachon Builder!" id="submitButton" />
</form>
</div>
EDIT:
Live-Beispiel bei Bitachon.org/new. Klicken Sie auf "Holen Sie sich den Bitachon Builder. (Linke Fußzeile Link)
Ist die alert() Linie der Arbeit? –
@MikeRobinson Warnt undefiniert für jede Variable. – Moshe
Die Warnung funktioniert gut, wenn ich sie verwende: http://jsfiddle.net/Damien_at_SF/cKmrT/ –