Explorez les cinq méthodes de soumission différentes d'Ajax-js tutoriel-php.cn

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

WBOY

Libérer： 2024-01-17 09:51:20

original

1376 Les gens l'ont consulté

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.

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);
});

Copier après la connexion

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() 将返回的数据输出到了控制台中。

POST 请求

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

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

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

Copier après la connexion

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

PUT 请求

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

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

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

Copier après la connexion

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

DELETE 请求

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

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

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

Copier après la connexion

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

OPTIONS 请求

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

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

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

Copier après la connexion

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

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.

{ name : "John", age : 21 }

done()

{ name : "John", age : 21 }

done()

{ id : 123

done()

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!