Comment utiliser et la différence entre les méthodes post et get en ajax

Cet article présentera les requêtes get et post en ajax, qui ont une certaine valeur de référence. J'espère qu'il sera utile à tous ceux qui apprennent ajax

La signification d'Ajax

.

AJAX signifie « Asynchronous Javascript And XML » (Asynchronous JavaScript and XML), qui fait référence à une technologie de développement Web permettant de créer des applications Web interactives. AJAX est en fait du JavaScript et du XML asynchrones. C'est une technologie utilisée pour créer des pages Web rapides et dynamiques. Elle peut également mettre à jour les pages Web de manière asynchrone en échangeant une petite quantité de données avec le serveur en arrière-plan. L'application de cette technologie signifie qu'une certaine partie de la page Web peut être mise à jour sans recharger la page Web entière. [Tutoriel ajax]

Il y a deux concepts importants en ajax, qui sont l'obtention et la publication de connaissances. Aujourd'hui, je vais vous présenter comment utiliser ces deux points de connaissance et la relation entre eux. Différence

Requête GET()

La méthode get() charge les informations via une requête http distante Lorsque la requête réussit, la fonction de rappel peut être appelée

.

paramètres Les paramètres sont transmis via ? dans l'adresse URL, afin que les données soient transmises au serveur

格式：
 get(URL,callback);
 URL ：传递想传递的url,必需具备
 callback：参数是请求成功后所执行的函数名，可选

, par exemple

var xhr = new XMLHttpRequest()
xhr.open('GET', './demo.php?id=1)//open 方法的第一个参数的作用就是设置请求的方法
xhr.send(null)// 需要提交到服务端的数据可以通过 send 方法的参数传递
xhr.onreadystatechange = function () {
  if (this.readyState === 4) {
    console.log(this.responseText)
  }
}

Demande POST

Dans le processus de demande de données au serveur via une requête de publication http, le corps de la requête doit être utilisé pour transporter les données qui doivent être soumises

格式：
post(url,data,success(data, textStatus, jqXHR),dataType)
url ：规定把请求发送到哪个 URL。必须具备
data：映射或字符串值,指请求发送到服务器的数据，是可选的   
success(data, textStatus, jqXHR）：指请求成功时执行的回调函数，可选的    
dataType：服务器响应的数据类型

例如
var xhr = new XMLHttpRequest()
xhr.open('POST', './add.php')
// 设置请求头中的 Content‐Type 为 application/x‐www‐form‐urlencoded以便于服务端接收数据
xhr.setRequestHeader('Content‐Type', 'application/x‐www‐form‐urlencoded')
xhr.send('key1=value1&key2=value2')
xhr.onreadystatechange = function () {
  if (this.readyState === 4) {
    console.log(this.responseText)
    }
    }

La différence entre post et get

Get consiste à obtenir des données du serveur, tandis que post consiste à soumettre des données au serveur. Généralement, get transmet des données de nature paramétrique. , alors que la publication est une donnée commerciale

Envoyer une grande quantité de données Utilisez post lors de l'envoi de données, utilisez get

pour envoyer de petites quantités de données Résumé : Ce qui précède est le contenu de cet article. A travers cet article, j'espère que tout le monde a une certaine compréhension des méthodes get et post

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!