Maison > Article > interface Web > Introduction détaillée à l'utilisation de la méthode jquery ajax et de chaque paramètre
jquery Explication détaillée de la méthode ajax et de chaque paramètre
1.$.ajax() n'a qu'un seul paramètre : paramètrekey /value Object , y compris chaque configuration et fonction de rappel informations.
Liste des paramètres :
Nom du paramètre | Type | Description |
url | String | (par défaut : adresse de la page actuelle) L'adresse à laquelle envoyer la demande. |
type | String | (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'expiration | Numéro | Dé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 qu'une requête synchrone verrouillera le navigateur et que l'utilisateur devra attendre que la requête soit terminée avant de pouvoir effectuer d'autres opérations. |
beforeSend | Fonction | Vous pouvez modifier la fonction de l'objet XMLHttpRequest avant l'envoi la demande, comme Ajouter des en-têtes HTTP personnalisés. L'objet XMLHttpRequest est le seul paramètre. function (XMLHttpRequest) { this; // the options for this ajax request } |
cache | Booléen | (par défaut : vrai) jQuery 1.2 Nouvelle fonctionnalité, définie sur false et les informations de la demande ne seront pas chargées depuis le cache du navigateur. |
complete | Fonction | Fonction de rappel une fois la requête terminée (appelée lorsque la requête réussit ou échoue). Paramètres : objet XMLHttpRequest, informations de réussite chaîne . function (XMLHttpRequest, textStatus) { this; // the options for this ajax request } |
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. Indiquez au serveur le format des données soumises depuis le navigateur. Par exemple : Si nous utilisons la méthode JSON.stringify(obj) dans JSON2.js lors de la soumission des données, après les avoir formatées en chaîne json, une erreur sera signalée lors de la soumission les données par défaut. À ce stade, vous devez spécifier le format de contenu soumis comme suit : « application/json ». |
données |
Objet, Chaîne |
Envoyer données au serveur. Si datatype de données est un objet JavaScript ou un array, Jquery appelle automatiquement la méthode JQuery.param() pour envoyer les données avant de les soumettre. . Les données sont codées en données au format "application/x-www-form-urlencoded" (c'est-à-dire name=value&name1=value1) ; l'objet JavaScript doit être au format Key/Value s'il s'agit d'un tableau, jQuery le fera automatiquement ; correspondent au même nom pour des valeurs différentes. Par exemple, {foo:["bar1", "bar2"]} est converti en '&foo=bar1&foo=bar2'; Si le type de données est de type String, il sera directement par défaut aux données en fonction au format "application/x- www-form-urlencoded" l'encodage est terminé et n'est plus converti. L'option processData peut contrôler s'il faut effectuer une conversion. Cette option est par défaut true. |
dataType | String |
预期服务器返回的数据类型。设定HttpHeader中“Accept”域的内容,告诉服务器浏览器可以想要返回的数据格式类型,同时JQuery也会根据该类型对返回的数据进行处理。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值: "xml": 返回 XML 文档,可用 jQuery 处理。 "html": 返回纯文本 HTML 信息;包含 script 元素。 "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。 "json": 返回 JSON 数据 。JQuery将返回的字符串格式数据自动转化为Javascript对象,便于直接使用obj.property格式访问。若没有指定该选项,即使返回的是JSON格式的字符串,JQuery也不会自动转换。 "jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 |
error | Function | (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。function (XMLHttpRequest, textStatus, errorThrown) { // 通常情况下textStatus和errorThown只有其中一个有值 this; // the options for this ajax request } |
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 } |
2. jQuery.get(url, [data], [callback], [type]) : utilisez la méthode GET pour effectuer des requêtes asynchrones.
Paramètres :
url (String) : L'adresse URL pour envoyer la requête.
data (Map) : (Facultatif) Les données à envoyer au serveur, exprimées sous forme de paires clé/valeur.
callback (Fonction) : (facultatif) Fonction de rappel lorsque le chargement est réussi (cette méthode est appelée uniquement lorsque l'état de retour de la réponse est réussi).
type (String) : (facultatif) La description officielle est : Type de données à envoyer. En fait, il doit s'agir du type demandé par le client (JSON, XML, etc.)
3 jQuery.post( url, [data], [callback], [type. ] ) : Utilisez la méthode POST pour faire des requêtes asynchrones
Paramètres :
url (String) : adresse URL pour envoyer la requête
data (Map) : (facultatif) Données à envoyer au. serveur, avec Clé/Valeur est représenté comme une paire clé-valeur.
callback (Fonction) : (facultatif) Fonction de rappel lorsque le chargement est réussi (cette méthode est appelée uniquement lorsque l'état de retour de la réponse est réussi).
type (String) : (facultatif) La description officielle est : Type de données à envoyer. En fait, il doit s'agir du type demandé par le client (JSON, XML, etc.)
1.$.ajax() n'a qu'un seul paramètre : paramètre clé/valeur de l'objet, incluant chaque configuration et fonction de rappel information.
Liste des paramètres :
Nom du paramètre | Type | Description |
url | String | (par défaut : adresse de la page actuelle) L'adresse à laquelle envoyer la demande. |
type | String | (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'expiration | Numéro | Dé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 qu'une requête synchrone verrouillera le navigateur et que l'utilisateur devra attendre que la requête soit terminée avant de pouvoir effectuer d'autres opérations. |
beforeSend | Fonction | Fonction 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 } |
cache | Booléen | (par défaut : vrai) nouvelle fonctionnalité de jQuery 1.2, définie sur false ne chargera pas les informations de demande à partir du cache du navigateur. |
complete | Fonction | Fonction de rappel une fois la requête terminée (appelée lorsque la requête 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 } |
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. Indiquez au serveur le format des données soumises depuis le navigateur. Par exemple : si nous utilisons la méthode JSON.stringify(obj) dans JSON2.js lors de la soumission des données, après les avoir formatées en chaîne json, une erreur sera signalée lors de la soumission des données par défaut. À ce stade, vous devez spécifier le format de contenu soumis comme suit : « application/json ». |
données | Objet, Chaîne |
Données envoyées au serveur. Si le type de données est un objet ou un tableau JavaScript, Jquery appelle automatiquement la méthode JQuery.param() pour encoder les données à envoyer au format "application/x-www-form-urlencoded" avant soumission (c'est-à-dire name=value&name1=value1) ; l'objet JavaScript doit être au format Key/Value s'il s'agit d'un tableau, jQuery correspondra automatiquement au même nom pour différentes valeurs ; Par exemple, {foo:["bar1", "bar2"]} est converti en '&foo=bar1&foo=bar2'; Si le type de données est de type String, il sera directement par défaut aux données en fonction au format "application/x- www-form-urlencoded" l'encodage est terminé et n'est plus converti. L'option processData peut contrôler s'il faut effectuer une conversion. Cette option est par défaut true. |
dataType | String |
预期服务器返回的数据类型。设定HttpHeader中“Accept”域的内容,告诉服务器浏览器可以想要返回的数据格式类型,同时JQuery也会根据该类型对返回的数据进行处理。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值: "xml": 返回 XML 文档,可用 jQuery 处理。 "html": 返回纯文本 HTML 信息;包含 script 元素。 "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。 "json": 返回 JSON 数据 。JQuery将返回的字符串格式数据自动转化为Javascript对象,便于直接使用obj.property格式访问。若没有指定该选项,即使返回的是JSON格式的字符串,JQuery也不会自动转换。 "jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 |
error | Function | (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。function (XMLHttpRequest, textStatus, errorThrown) { // 通常情况下textStatus和errorThown只有其中一个有值 this; // the options for this ajax request } |
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 } |
2. jQuery.get(url, [data], [callback], [type]):使用GET方式来进行异步请求.
参数:
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)
3. jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求
参数:
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)
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!