suchen

Heim >Web-Frontend >js-Tutorial >jquery$.ajax()-Methode

jquery$.ajax()-Methode

无忌哥哥
无忌哥哥Original
2018-06-29 15:14:251488Durchsuche

jquerys $.ajax()-Methode

* $.ajax()

* Funktion: Es ist die zugrunde liegende Ajax-Methode in jquery, die $.get(), die ich zuvor gelernt habe. $.post...hat seine spezielle Form

* Syntax: $ajax()

* Parameter: Parameter werden in js-Objektliterale geschrieben

* Hinweis: Aufgrund von Die Vielzahl der Parameter wird nachfolgend anhand von Beispielen verdeutlicht

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>$.ajax()</title>
</head>
<body>
<h2>用户登录</h2>
<form>
<p>用户名:<input type="text" name="name"></p>
</form>
</body>
</html>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
//当失去焦点时时行验证
$(&#39;:input&#39;).blur(function(){
// alert(&#39;通过&#39;)
//使用ajax进行异步验证
//语法1: 全部参数写到$.ajax()参数中
$.ajax({
//请求的服务器资源,必须是字符串
url: &#39;api/demo.php&#39;,
//客户端的请求类型:GET,POST...,推荐大写
type: &#39;GET&#39;,
//从服务器端返回的数据类型格式:xml,html,json,txt等
// dataType: &#39;json&#39;,
//异步true,还是同步false(锁定浏览器)
// async: true,
//发送数据
//1.查询字符串键值对,多个值之间用&连接
// data: &#39;name=&#39;+$(&#39;:input&#39;).val(),
//2.json格式
// data: {&#39;name&#39;:$(&#39;:input&#39;).val()},
//3.当表单有多个字段时使用序列化方法可提高效率
//将表单控件内容序列化为查询键值对格式
// data: $(&#39;form:first&#39;).serialize(),
//4.将表单控件内容序列化为json格式
data: $(&#39;form:first&#39;).serializeArray(),
//成功回调
success: function(msg,status,xhr) {
console.log(msg)
$(&#39;p span&#39;).empty()
$(&#39;p&#39;).append($(msg))
}
})
//$.ajax()第二种语法格式,用得不多,但要看得懂
$.ajax({
url: &#39;api/demo1.php&#39;,
type: &#39;GET&#39;,
dataType: &#39;json&#39;,
data: $(&#39;form:first&#39;).serialize(),
})
.done(
function(msg) {
console.log(msg.tips)
$(&#39;p span&#39;).empty()
$(&#39;p&#39;).append($(msg.tips))
})
})
</script>

Das obige ist der detaillierte Inhalt vonjquery$.ajax()-Methode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Einführung in die Verwendung von Vue zum dynamischen Generieren von FormularenNächster Artikel：Einführung in die Verwendung von Vue zum dynamischen Generieren von Formularen

In Verbindung stehende Artikel

Mehr sehen