Verwenden Sie die Methoden get, post und ajax in jquery, um Daten an den Server zu übertragen. In diesem Artikel erfahren Sie mehr über die Methode ajax-get().
Beispiel
Verwenden Sie eine AJAX-GET-Anfrage, um den Text des div-Elements zu ändern:
$("button").click(function(){
$.get("demo_ajax_load.txt", function(result){
$("div").html(result);
});
});
Probieren Sie es selbst aus
Definition und Verwendung Die Methode
get() lädt Informationen über eine Remote-HTTP-GET-Anfrage.
Dies ist eine einfache GET-Anfragefunktion zum Ersetzen des komplexen $.ajax. Die Callback-Funktion kann aufgerufen werden, wenn die Anfrage erfolgreich ist. Wenn Sie eine Funktion im Fehlerfall ausführen müssen, verwenden Sie $.ajax.
Syntax
$(selector).get(url,data,success(response,status,xhr),dataType)
Detaillierte Beschreibung
Diese Funktion wird als Ajax abgekürzt Funktion, äquivalent zu:
$.ajax({
url: url,
data: data,
success: success,
dataType: dataType
});
Abhängig von den verschiedenen MIME-Typen der Antwort können auch die an die Erfolgsrückruffunktion übergebenen Rückgabedaten unterschiedlich sein , Textzeichenfolge, JavaScript-Datei oder JSON-Objekt. Sie können den Textstatus der Antwort auch an die Erfolgsrückruffunktion übergeben.
Ab jQuery 1.4 können Sie auch ein XMLHttpRequest-Objekt an die Success-Callback-Funktion übergeben.
Beispiel
Test.php-Webseite anfordern, Rückgabewert ignorieren:
$.get("test.php");
Weitere Beispiele
Beispiel 1
Fordern Sie die test.php-Webseite an, übergeben Sie 2 Parameter, ignorieren Sie den Rückgabewert:
$.get("test.php", { name: "John", time: "2pm" } );
Beispiel 2
Test.php-Rückgabewert anzeigen (HTML oder XML, je nach Rückgabewert):
$.get("test.php", function(data){
alert("Data Loaded: " + data);
});
Beispiel 3
Test.cgi-Rückgabe anzeigen Wert (HTML oder XML, je nach Rückgabewert), fügen Sie einen Satz Anforderungsparameter hinzu:
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
Detaillierte Erläuterung der $.get()-Verwendung von jquery ajax
JS-Datei
$(document).ready(function(){
$("form").submit(function(event) {event.preventDefault()})//取消submit的默认行为
$("form input[type='submit']").click(function(){
var url = $('form').attr('action'); // 取Form中要提交的链接
var param = {}; // 组装发送参数
param['name'] = $('form input[name=name]').val();
param['age'] = $('form input[name=age]').val();
$.get(url, param, function(dom) { $('div.get').append(dom) }) ; // 发送并显示返回内容
});
})
HTML-Datei
<form action="ajax.php" method="get"> Name: <input type="text" name="name" /> Age: <input type="text" name="age" /> <input type="submit" /> </form> <div class="get">这是ajax的get方法</div>
PHP-Datei
error_reporting(0);
if($_GET["name"]=="kitty")
{
$name= "you are the lucky";
}
else
$name=$_GET["name"];
$age=$_GET["age"];
echo "<div> ".$name." ".$age."</div>";Die Die obige Einführung ist die jQuery, die dieser Artikel mit Ihnen teilen wird. Detaillierte Erläuterung des Beispiels der Ajax-get()-Methode. Ich hoffe, es gefällt Ihnen.
Ausführlichere Erläuterungen zu den Beispielen der ajax-get()-Methode in jQuery und verwandten Artikeln finden Sie auf der chinesischen PHP-Website!
