Maison > interface Web > js tutoriel > le corps du texte

Comparez les différences entre succès et achèvement dans jQuery.ajax

巴扎黑
Libérer: 2018-05-11 16:03:32
original
3218 Les gens l'ont consulté


$.ajax({
      type: "post",
      url: url,
      dataType:'html',
      success: function(data) { },
     complete: function(XMLHttpRequest, textStatus) { },
     error: function(){}
});
Copier après la connexion

succès : Fonction appelée lorsque la requête est réussie. Cette fonction obtiendra un paramètre : les données renvoyées par le serveur. La fonction est appelée lorsque la requête réussit, c'est-à-dire status==200.
complete : Fonction appelée lorsque la requête est terminée. Cette fonction obtiendra deux paramètres : un objet XMLHttpRequest et une chaîne décrivant le type de réussite de la requête. La fonction est appelée lorsque la requête est terminée, c'est-à-dire status==404, 403, 302....

Ainsi, lors de l'écriture de méthodes réussies ou complètes, faites attention aux paramètres transmis et utilisez les objets paramètres transmis pour résoudre nos problèmes

Liste des paramètres :

Nom du paramètreTypeDescription
url String(par défaut : adresse de la page actuelle) L'adresse à laquelle envoyer la demande.
typeString(Par défaut : "GET") Méthode de requête ("POST" ou "GET") , la valeur par défaut est "GET". Remarque : D'autres méthodes de requête HTTP telles que PUT et DELETE peuvent également être utilisées, mais ne sont prises en charge que par certains navigateurs.
délai d'expirationNuméroDéfinissez le délai d'expiration de la demande en millisecondes. Ce paramètre remplace le paramètre global.
async Boolean(par défaut : true) Par défaut, toutes les requêtes sont des requêtes asynchrones. Si vous devez envoyer des requêtes synchrones, définissez cette option sur false. Notez que les requêtes synchrones verrouillent le navigateur et que l'utilisateur doit attendre que la requête soit terminée avant de pouvoir effectuer d'autres opérations.
beforeSend FonctionFonction qui peut modifier l'objet XMLHttpRequest avant d'envoyer la requête, comme l'ajout d'en-têtes HTTP personnalisés . L'objet XMLHttpRequest est le seul paramètre.
function (XMLHttpRequest) {         this; // the options for this ajax request
         }
Copier après la connexion
cache Booléen(par défaut : vrai) nouvelle fonctionnalité de jQuery 1.2, définie sur false ne chargera pas demander des informations à partir du cache du navigateur.
terminer FonctionUne fois la demande terminéeFonction de rappel (à la fois lorsque la demande l'appel réussit ou échoue). Paramètres : objet XMLHttpRequest, chaîne d'informations de réussite.
function (XMLHttpRequest, textStatus) {         this; // the options for this ajax request
         }
Copier après la connexion
contentType String(par défaut : "application/x-www-form- urlencoded") Type d'encodage du contenu lors de l'envoi d'informations au serveur. La valeur par défaut convient à la plupart des applications.
données Object,
String
Données envoyées au serveur. Sera automatiquement converti au format de chaîne de demande. Ajouté à l'URL dans les requêtes GET. Consultez la description de l’option processData pour désactiver cette conversion automatique. Doit être au format Clé/Valeur. S'il s'agit d'un tableau, jQuery attribuera automatiquement le même nom à différentes valeurs. Par exemple, {foo:["bar1", "bar2"]} est converti en '&foo=bar1&foo=bar2'.
dataType String

Le type de données qui devrait être renvoyé par le serveur. S'il n'est pas spécifié, jQuery renverra automatiquement ResponseXML ou ResponseText en fonction des informations MIME du package HTTP et le transmettra comme paramètre de fonction de rappel Valeurs disponibles :

"xml" : renvoie un document XML. qui peut être traité par jQuery .

"html" : renvoie des informations HTML en texte brut ; contient des éléments de script.

"script" : renvoie le code JavaScript en texte brut. Les résultats ne sont pas automatiquement mis en cache.

"json" : renvoie les données JSON.

"jsonp": Format JSONP. utiliser Lors de l'appel d'une fonction au format JSONP, telle que "myurl?callback=?", jQuery remplacera automatiquement ? par le nom de fonction correct pour exécuter la fonction de rappel.

error Function(默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。
function (XMLHttpRequest, textStatus, errorThrown) {         // 通常情况下textStatus和errorThown只有其中一个有值 
         this; // the options for this ajax request
         }
Copier après la connexion
global Boolean(默认: true) 是否触发全局 AJAX 事件。设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 。可用于控制不同的Ajax事件
ifModified Boolean(默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。
processData Boolean(默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。
success Function请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态
function (data, textStatus) {         
// data could be xmlDoc, jsonObj, html, text, etc...
         this; // the options for this ajax request
         }
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal