Maison  >  Article  >  interface Web  >  Explication détaillée de l'implémentation de non-actualisation de la page Ajax (avec code)

Explication détaillée de l'implémentation de non-actualisation de la page Ajax (avec code)

php中世界最好的语言
php中世界最好的语言original
2018-04-04 17:35:582935parcourir

Cette fois je vais vous apporter une explication détaillée de la page Ajax sans rafraîchir (avec code). Quelles sont les précautions pour implémenter Ajax sans rafraîchir la page Voici un cas pratique, prenons un. regarder.

ajax (développement ajax)

AJAX signifie "Asynchronous Javascript And XML" (Javascript et XML asynchrones), qui fait référence à un développement Web qui crée des applications Web interactives technologie.

AJAX = JavaScript asynchrone et XML (un sous-ensemble du langage de balisage universel standard).

AJAX est une technologie permettant de créer des pages Web rapides et dynamiques.

AJAX permet de mettre à jour les pages Web de manière asynchrone en échangeant une petite quantité de données avec le serveur en arrière-plan. Cela signifie que certaines parties d'une page Web peuvent être mises à jour sans recharger la page entière.

Les pages Web traditionnelles (n'utilisant pas AJAX) doivent recharger la page Web entière si le contenu doit être mis à jour.

De nos jours, la plupart des sites Web utilisent ajax pour réaliser une opération d'actualisation de page.

Qu'est-ce qu'une actualisation : ajax peut réaliser l'interaction des données entre la page et l'arrière-plan. L'utilisateur ne ressent aucune actualisation sur la page. C'est l'absence d'actualisation d'AJAX.

Implémentation de la méthode ajax :

Vous pouvez encapsuler ajax pour faciliter les appels sur chaque page :

function MyAjax(type, url, callBack, data, dataType, asyncType)
{ 
if (dataType == null) { dataType = "text"; } 
if (asyncType == null) {asyncType = true; } 
$.ajax({ 
type: type, // post或者get 
url: url , //url最好加一个url+Math.random(),这样可以保证每次请求的页面被浏览器视为不同
data: data, //这里是要传递的参数,格式为 data: "{paraName:paraValue}" 
dataType: dataType, //string,xml,script,json,text
async:asyncType, //同步异步true /false 
error: function (XmlHttpRequest, xmlhttp, info) { 
}, 
success: function (result) { 
//回调函数,result,返回值 
callBack(result); 
}, 
}); }

Appel : MyAjax('post', "url?id=" + id, DoOK);

Explication : async : true signifie asynchrone. Cette méthode signifie qu'après qu'Ajax a envoyé une requête, en attendant le retour du serveur, la réception continuera à exécuter le script derrière le bloc Ajax. Le succès ne sera pas exécuté jusqu'à ce que le serveur renvoie le résultat correct, ce qui équivaut à une ouverture. deux threads ;false signifie synchronisation, c'est-à-dire que le frontend attendra que le serveur renvoie des données avant de s'exécuter.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de l'utilisation de l'objet XMLHttpRequest d'AJAX

Comment ajax réalise-t-il une longue connexion entre le serveur et le navigateur

Méthode Ajax et form+iframe pour implémenter le téléchargement de fichiers (explication graphique et textuelle détaillée)

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