Fonctions Ajax couramment utilisées
1 :
AJAX est une technologie qui permet de mettre à jour une partie d'une page Web sans recharger la page Web entière.
Qu'est-ce qu'AJAX ?
AJAX = JavaScript et XML asynchrones.
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.
Pour les pages web traditionnelles (n'utilisant pas AJAX), si le contenu doit être mis à jour, la page web entière doit être rechargée.
Il existe de nombreux cas d'application utilisant AJAX : Sina Weibo, Google Maps, Kaixin.com, etc.
2 : L'Ajax traditionnel est trop lourd. jquer encapsule certaines fonctions simples couramment utilisées en ajax.
a : méthode $.ajax() :
code de la page jsp :
<head><title>Ajax验证</title><script type="text/javascript" src="js/jquery-1.8.3.min.js?1.1.11"></script><script type="text/javascript">$(function () {
$("[name='userName']").blur(function () {
$.ajax({
type: "post",
url: "/TestServlet",
data:{action:"login"}, //data 传递的参数一般都是key：“ value” 类型的 value一定要加引号 我亲身体验 那种找不到错的感觉// dataType:'Text', //servers 返回的格式 也可以是gjon success: function (data) {if (data == "success") {
alert(data);
$("#myspan").html(data);
}
},
error: function () { //这个用的比较少 }
})
})
})</script></head><body> 姓名： <input name="userName" type="text"><span id="myspan"></span> 密码: <input name="password" type="text"></body>
code d'arrière-plan du servlet :
public class TestServlet extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String name = request.getParameter("action");
System.out.println(name);if(name.equals("login")){
response.getWriter().write("success"); //返回回掉函数的参数
}else{
response.getWriter().write("file");
}
}
b : $.get(), $.post() et $.getJson sont toutes des versions simplifiées de $.ajax() méthode , l'utilisation est à peu près la même, à l'exception d'un type de moins
$.post("/TestServlet",
{"uname":$('[name=uname]').val()},
function (data) {
alert(data);
});c: $.load()
$("#msg").load( "/TestServlet","action="+$('[name="userName"]'d:$(
sélecteur).serializeArray() et $(sélecteur).serialize( ) //Cette méthode peut obtenir directement la valeur de l'attribut nom du formulaire en tant que paramètre de données
var data1 = $("#form1").serializeArray(); //自动将form表单封装成json $.each(data1,function (i,dom) {
alert(dom.name+"\r\n"+dom.value);
});
var data2=$("#form1").serialize();
alert(data2);e : Comme le paramètre data
var data2=$("#form1").serialize();
$.getJSON("/TestServlet",data2, function (data) {
alert(data);
});$.ajax() n'a qu'un seul paramètre : le paramètre clé/valeur de l'objet, comprenant chaque information de configuration et de fonction de rappel. Si l'option dataType est spécifiée, assurez-vous que le serveur renvoie les informations MIME correctes (par exemple, xml renvoie "text/xml").
Exemple :
Enregistrez les données sur le serveur et affichez les informations en cas de succès.
$.ajax({ type : "post", dataType : "html", url : '/Resources/GetList.ashx', data : dataurl, success : function (data) {
if (data != "") {
$("#pager").pager({
numéro de page : numéro de page, nombre de pages : data.split("$$")[1],
buttonClickCallback : PageClick });
$("#anhtml").html(data.split("$$")[0]);
}
}
});
Par requête HTTP GET à distance. Charger les informations.
Il s'agit d'une simple fonction de requête GET pour remplacer le complexe $.ajax. La fonction de rappel
peut être appelée lorsque la requête aboutit. Si vous devez exécuter une fonction en cas d'erreur, utilisez $.ajax. Exemple :
$.get("test.cgi", { nom : "John", heure : "14h00" },
function(data){
alert("Données chargées : " + données) ;
});
3. Charger les informations via une requête HTTP POST à distance. Il s'agit d'une simple fonction de requête POST pour remplacer le complexe $.ajax .
La fonction de rappel peut être appelée lorsque la demande aboutit. Si vous devez exécuter une fonction en cas d'erreur, utilisez $.ajax.
Exemple :
$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames },
function (data) {
if (data == "ok") {
alert("Ajouté avec succès !");
}
}
)
Via HTTP GET Demande de chargement de données JSON.
Exemple :
$.getJSON("api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&
jsoncallback=?, ajoutez http://" devant, function(data){
$.each(data.items, function(i,item){
$("").attr("src", item.media.m) .appendTo("#images");
if ( i == 3 ) return false;
});
});
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment résoudre l'erreur 403 rencontrée par la requête jQuery AJAX
Feb 20, 2024 am 10:07 AM
Titre : Méthodes et exemples de code pour résoudre les erreurs 403 dans les requêtes jQuery AJAX L'erreur 403 fait référence à une demande selon laquelle le serveur interdit l'accès à une ressource. Cette erreur se produit généralement parce que la demande manque d'autorisations ou est rejetée par le serveur. Lorsque vous effectuez des requêtes jQueryAJAX, vous rencontrez parfois cette situation. Cet article explique comment résoudre ce problème et fournit des exemples de code. Solution : Vérifiez les autorisations : assurez-vous d'abord que l'adresse URL demandée est correcte et vérifiez que vous disposez des autorisations suffisantes pour accéder à la ressource.
Comment résoudre l'erreur 403 de la requête jQuery AJAX
Feb 19, 2024 pm 05:55 PM
jQuery est une bibliothèque JavaScript populaire utilisée pour simplifier le développement côté client. AJAX est une technologie qui envoie des requêtes asynchrones et interagit avec le serveur sans recharger la page Web entière. Cependant, lorsque vous utilisez jQuery pour effectuer des requêtes AJAX, vous rencontrez parfois des erreurs 403. Les erreurs 403 sont généralement des erreurs d'accès refusé par le serveur, probablement en raison de problèmes de politique de sécurité ou d'autorisation. Dans cet article, nous verrons comment résoudre la requête jQueryAJAX rencontrant une erreur 403.
Quel ordinateur les étudiants en sciences de l'information géographique devraient-ils choisir ?
Jan 13, 2024 am 08:00 AM
Ordinateurs recommandés adaptés aux étudiants se spécialisant en sciences de l'information géographique 1. Recommandation 2. Les étudiants se spécialisant en sciences de l'information géographique doivent traiter de grandes quantités de données géographiques et effectuer des analyses complexes d'informations géographiques, ils ont donc besoin d'un ordinateur très performant. Un ordinateur avec une configuration élevée peut offrir une vitesse de traitement plus rapide et un espace de stockage plus grand, et peut mieux répondre aux besoins professionnels. 3. Il est recommandé de choisir un ordinateur équipé d'un processeur haute performance et d'une mémoire de grande capacité, ce qui peut améliorer l'efficacité du traitement et de l'analyse des données. De plus, choisir un ordinateur doté d’un plus grand espace de stockage et d’un écran haute résolution permet de mieux afficher les données et les résultats géographiques. De plus, étant donné que les étudiants se spécialisant en sciences de l'information géographique peuvent avoir besoin de développer et de programmer un logiciel de système d'information géographique (SIG), choisissez un ordinateur offrant une meilleure prise en charge du traitement graphique.
Comment résoudre le problème de l'erreur 403 jQuery AJAX ?
Feb 23, 2024 pm 04:27 PM
Comment résoudre le problème de l’erreur 403 jQueryAJAX ? Lors du développement d'applications Web, jQuery est souvent utilisé pour envoyer des requêtes asynchrones. Cependant, vous pouvez parfois rencontrer le code d'erreur 403 lors de l'utilisation de jQueryAJAX, indiquant que l'accès est interdit par le serveur. Cela est généralement dû aux paramètres de sécurité côté serveur, mais il existe des moyens de résoudre le problème. Cet article explique comment résoudre le problème de l'erreur 403 jQueryAJAX et fournit des exemples de code spécifiques. 1. faire
PHP et Ajax : créer un moteur de suggestions de saisie semi-automatique
Jun 02, 2024 pm 08:39 PM
Créez un moteur de suggestions de saisie semi-automatique en utilisant PHP et Ajax : Script côté serveur : gère les requêtes Ajax et renvoie des suggestions (autocomplete.php). Script client : envoyer une requête Ajax et afficher des suggestions (autocomplete.js). Cas pratique : Incluez le script dans la page HTML et spécifiez l'identifiant de l'élément d'entrée de recherche.
Comment obtenir des variables de la méthode PHP en utilisant Ajax ?
Mar 09, 2024 pm 05:36 PM
L'utilisation d'Ajax pour obtenir des variables à partir de méthodes PHP est un scénario courant dans le développement Web. Grâce à Ajax, la page peut être obtenue dynamiquement sans actualiser les données. Dans cet article, nous présenterons comment utiliser Ajax pour obtenir des variables à partir de méthodes PHP et fournirons des exemples de code spécifiques. Tout d’abord, nous devons écrire un fichier PHP pour gérer la requête Ajax et renvoyer les variables requises. Voici un exemple de code pour un simple fichier PHP getData.php :
PHP vs Ajax : solutions pour créer du contenu chargé dynamiquement
Jun 06, 2024 pm 01:12 PM
Ajax (Asynchronous JavaScript et XML) permet d'ajouter du contenu dynamique sans recharger la page. En utilisant PHP et Ajax, vous pouvez charger dynamiquement une liste de produits : HTML crée une page avec un élément conteneur et la requête Ajax ajoute les données à l'élément après l'avoir chargé. JavaScript utilise Ajax pour envoyer une requête au serveur via XMLHttpRequest afin d'obtenir des données produit au format JSON à partir du serveur. PHP utilise MySQL pour interroger les données produit de la base de données et les encoder au format JSON. JavaScript analyse les données JSON et les affiche dans le conteneur de pages. Cliquer sur le bouton déclenche une requête Ajax pour charger la liste de produits.
PHP et Ajax : moyens d'améliorer la sécurité d'Ajax
Jun 01, 2024 am 09:34 AM
Afin d'améliorer la sécurité Ajax, il existe plusieurs méthodes : Protection CSRF : générer un token et l'envoyer au client, l'ajouter côté serveur dans la demande de vérification. Protection XSS : utilisez htmlspecialchars() pour filtrer les entrées afin d'empêcher l'injection de scripts malveillants. En-tête Content-Security-Policy : limite le chargement de ressources malveillantes et spécifie les sources à partir desquelles les scripts et les feuilles de style peuvent être chargés. Valider les entrées côté serveur : validez les entrées reçues des requêtes Ajax pour empêcher les attaquants d'exploiter les vulnérabilités d'entrée. Utilisez des bibliothèques Ajax sécurisées : profitez des modules de protection CSRF automatiques fournis par des bibliothèques telles que jQuery.
