Daten anfordern
Wir können GET und POST verwenden, um Daten vom Backend anzufordern. Hier nehmen wir an, dass es eine Testseite age.php gibt, die zur Rückgabe von Altersinformationen verwendet wird
if(isset($_REQUEST['name']) && $_REQUEST['name'] == 'stephen') {
echo '23';
}
<div> <a href="age.php">stephen</a> <span>age : </span> <span id="sex"></span> </div>
GET-Methode
$('a').click(function(e) {
e.preventDefault();//
var url = $(this).attr('href'),
name = $(this).text(),
requestData = {'name': name};
$.get(url, requestData, function(data) {
$('#sex').html(data);
});
});
POST-Methode
$('a').click(function(e) {
e.preventDefault();//
var url = $(this).attr('href'),
name = $(this).text(),
requestData = {'name': name};
$.post(url, requestData, function(data) {
$('#sex').html(data);
});
});
Hier können wir tatsächlich die Lademethode verwenden, um den Code zu vereinfachen:
$('a').click(function(e) {
e.preventDefault();
var url = $(this).attr('href'),
name = $(this).text(),
requestData = {'name': name};
$('#sex').load(url, requestData);
});Zusätzlich zur Verwendung der Ajax-Technologie zum Abrufen von Daten vom Backend können Sie Daten auch asynchron an das Backend senden. Hier ist ein Beispiel für die Benutzerüberprüfung:
<form action="validate.php"> username:<input id="username" name="username" type="text" /> password:<input id="password" name="password" type="text" /> <input value="submit" type="submit" /> </form>
if($_REQUEST['username'] == 'stephenlee' && $_REQUEST['password'] == '123456') {
echo 'pass';
} else {
echo 'fail';
}
$('form').submit(function(e) {
e.preventDefault();//
var url = $(this).attr('action'),
username = $('input[name="username"]').val(),
password = $('input[name="password"]').val(),
requestData = {'username': username, 'password': password};
$.get(url, requestData, function(result) {
alert(result);
});
});
