Maison  >  Article  >  interface Web  >  Explorez les cinq méthodes de soumission différentes d'Ajax

Explorez les cinq méthodes de soumission différentes d'Ajax

WBOY
WBOYoriginal
2024-01-17 09:51:201360parcourir

Explorez les cinq méthodes de soumission différentes dAjax

Dans le développement Web, Ajax est déjà une technologie largement adoptée. En termes simples, Ajax lance une requête asynchrone via JavaScript et met à jour une partie du contenu de la page pour obtenir un effet sans actualisation. Cependant, les méthodes de requête Ajax ne se limitent pas à GET et POST. Aujourd'hui, nous allons examiner en profondeur les cinq méthodes de soumission Ajax et fournir des exemples de code spécifiques.

  1. GET request

GET request est la méthode de soumission Ajax la plus courante. Il ajoute les données à l'URL sous forme de chaîne de requête et envoie la requête à l'aide de la méthode HTTP GET. Une requête GET est inoffensive car elle lit uniquement les données sur le serveur sans les modifier.

Ce qui suit est un exemple de requête GET simple :

$.ajax({
   url: "example.php",
   type: "GET",
   data: { name: "John", age: 21 }
})
.done(function( data ) {
  console.log(data);
});

Dans l'exemple ci-dessus, nous utilisons la méthode jQuery.ajax() pour lancer une requête GET. L'URL demandée est example.php, et les données sont { nom : "John", âge : 21 }. Une fois la requête réussie, la fonction de rappel done() renvoie les données renvoyées à la console. example.php,数据是 { name: "John", age: 21 }。请求成功后,回调函数 done() 将返回的数据输出到了控制台中。

  1. POST 请求

POST 请求将数据作为请求正文发送到服务器,并使用 HTTP POST 方法发送请求。POST 请求通常用于向服务器发送数据,例如提交表单。POST 请求具有更多的安全性和更大的数据容量。

下面是一个简单的 POST 请求示例:

$.ajax({
   url: "example.php",
   type: "POST",
   data: { name: "John", age: 21 }
})
.done(function( data ) {
  console.log(data);
});

在上述示例中,我们使用了和前面相同的 jQuery.ajax() 方法,只是将请求方式改为了 POST。数据仍然是 { name: "John", age: 21 }。POST 请求成功后,回调函数 done() 将返回的数据输出到了控制台中。

  1. PUT 请求

PUT 请求是一种向服务器发送更新资源的请求。PUT 请求将指定的资源更新为请求正文中提供的数据。PUT 请求通常用于更新、替换或创建资源。

下面是一个简单的 PUT 请求示例:

$.ajax({
   url: "example.php",
   type: "PUT",
   data: { name: "John", age: 21 }
})
.done(function( data ) {
  console.log(data);
});

在上述示例中,我们使用了和前面相同的 jQuery.ajax() 方法,只是将请求方式改为了 PUT。数据仍然是 { name: "John", age: 21 }。PUT 请求成功后,回调函数 done() 将返回的数据输出到了控制台中。

  1. DELETE 请求

DELETE 请求是一种向服务器发送删除资源的请求。DELETE 请求将指定的资源删除,并且只在特定的 RESTful API 中使用。

下面是一个简单的 DELETE 请求示例:

$.ajax({
   url: "example.php",
   type: "DELETE",
   data: { id: 123 }
})
.done(function( data ) {
  console.log(data);
});

在上述示例中,我们使用了和前面相同的 jQuery.ajax() 方法,只是将请求方式改为了 DELETE。数据是 { id: 123 },表示删除 ID 为 123 的资源。DELETE 请求成功后,回调函数 done() 将返回的数据输出到了控制台中。

  1. OPTIONS 请求

OPTIONS 请求用于获取与特定资源相关的一些信息,例如允许跨域请求的方法。OPTIONS 请求通常在跨域请求中使用。

下面是一个简单的 OPTIONS 请求示例:

$.ajax({
   url: "example.php",
   type: "OPTIONS",
})
.done(function( data, textStatus, xhr ) {
  console.log(xhr.getAllResponseHeaders());
});

在上述示例中,我们使用了和前面相同的 jQuery.ajax() 方法,只是将请求方式改为了 OPTIONS。请求成功后,回调函数 done()

    Requête POST

    La requête POST envoie des données au serveur en tant que corps de la requête et utilise la méthode HTTP POST pour envoyer la requête. Les requêtes POST sont généralement utilisées pour envoyer des données au serveur, par exemple pour soumettre un formulaire. Les requêtes POST ont plus de sécurité et une plus grande capacité de données.

    🎜Ce qui suit est un exemple simple de requête POST : 🎜rrreee🎜Dans l'exemple ci-dessus, nous avons utilisé la même méthode jQuery.ajax() qu'avant, mais avons changé la méthode de requête en POST. Les données sont toujours { name : "John", age : 21 }. Une fois la requête POST réussie, la fonction de rappel done() renvoie les données renvoyées à la console. 🎜
      🎜Requête PUT🎜🎜🎜La requête PUT est une requête pour envoyer des ressources mises à jour au serveur. Une requête PUT met à jour la ressource spécifiée avec les données fournies dans le corps de la requête. Les requêtes PUT sont généralement utilisées pour mettre à jour, remplacer ou créer des ressources. 🎜🎜Voici un exemple simple de requête PUT : 🎜rrreee🎜Dans l'exemple ci-dessus, nous avons utilisé la même méthode jQuery.ajax() qu'avant, mais avons changé la méthode de requête en PUT. Les données sont toujours { name : "John", age : 21 }. Une fois la requête PUT réussie, la fonction de rappel done() renvoie les données renvoyées à la console. 🎜
        🎜Demande DELETE🎜🎜🎜La requête DELETE est une requête adressée au serveur pour supprimer une ressource. La requête DELETE supprime la ressource spécifiée et n'est utilisée que dans des API RESTful spécifiques. 🎜🎜Voici un exemple simple de requête DELETE : 🎜rrreee🎜Dans l'exemple ci-dessus, nous avons utilisé la même méthode jQuery.ajax() qu'avant, mais avons changé la méthode de requête en DELETE. Les données sont { id : 123 , ce qui signifie que la ressource avec l'ID 123 est supprimée. Une fois la requête DELETE réussie, la fonction de rappel done() renvoie les données renvoyées à la console. 🎜
          🎜Demande OPTIONS 🎜🎜🎜La requête OPTIONS est utilisée pour obtenir certaines informations liées à une ressource spécifique, telles que les méthodes qui autorisent les requêtes inter-domaines. Les requêtes OPTIONS sont généralement utilisées dans les requêtes inter-domaines. 🎜🎜Voici un exemple simple de requête OPTIONS : 🎜rrreee🎜Dans l'exemple ci-dessus, nous avons utilisé la même méthode jQuery.ajax() qu'avant, mais avons changé la méthode de requête en OPTIONS. Une fois la requête réussie, la fonction de rappel done() renvoie l'en-tête de réponse renvoyé à la console. 🎜🎜Résumé🎜🎜Cet article explique les différences entre les cinq méthodes GET, POST, PUT, DELETE et OPTIONS à travers des méthodes de requête Ajax spécifiques et des exemples de code. Nous devons choisir la méthode de demande appropriée pour répondre à nos besoins. Ce n'est qu'en comprenant et en comprenant profondément ces méthodes de requête Ajax que nous pourrons mieux effectuer le développement Web et offrir une meilleure expérience utilisateur. 🎜

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!

Déclaration:
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