Maison >interface Web >js tutoriel >Guide d'utilisation de la classe wrapper AJAX

Guide d'utilisation de la classe wrapper AJAX

亚连original: 2018-05-25 14:44:311439parcourir

Cet article présente principalement le guide d'utilisation des classes encapsulées AJAX. Les amis qui en ont besoin peuvent s'y référer

AJAX semble difficile à parler, mais si vous l'encapsulez, vous constaterez que c'est très. simple à utiliser. Bien sûr, il s'agit également d'applications simples, telles que les applications de forum, etc. Tout d'abord, permettez-moi de vous offrir un cadeau, qui est une classe AJAX packagée. L'adresse de téléchargement est http://xiazai.jb51. .net/201412/yuanma/ajax3.0(jb51 .net).rar Téléchargez ce cours ici et apprenez à l'utiliser !
Exemples !

<html>
 <head>
  <title>Ajax实例</title>
  <script src="ajax3.0.js"></script>
 </head> 
 <body>
  <script>
   document.write(new Date()+"<br>");
   document.write(new Date()+"<br>");
   document.write(new Date()+"<br>");
  </script> 
  <p id="show" style="background:yellow;border:1px solid blue">
   内容加载中..... 
  </p>
  <script>
   function read() {
    Ajax().get("read.php?num="+Math.random(), function(data){
     document.getElementById("show").innerHTML=data;   
    }) 
   }
   read();
   setInerval("read()",3000);
   function send() {
    var username=document.frm.username;
    var desn=document.frm.desn;
    var datao = {username:username.value, desn:desn.value};
    Ajax().post("save.php", datao, function(data){
      
      read();
      username.value="";
      desn.value="";
    });
   }
  </script>
  <form name="frm">
   用户名:<input type="text" name="username" value=""><br>
   内容: <textarea cols="40" rows="5" name="desn"></textarea>
   <input type="button" onclick="send()" value="留言">
  </form>
  <script>
   document.write(new Date()+"<br>");
   document.write(new Date()+"<br>");
   document.write(new Date()+"<br>");
  </script>
 </body>
</html>

Ajoutez d'abord notre fichier ajax3.0.js, puis nous écrirons ceci Ajax().post("save.php", datao, function(data))
Les deux paramètres de ajax(), le premier renvoie xml json ou html, le second est vrai, transmission asynchrone, fausse transmission synchrone, vous comprendrez après le post
Le bas est le fichier php

//read.php
@readfile("demo.txt");
//save.php
// header("Content-Type:text/html;charset=gb2312")
$username=$_POST["username"];
$desn = $_POST["desn"];
$fh = fopen("demo.txt", "a");
$text=$username."--".date("Y-m-d H:i:s")."说:".$desn."<br>";
fwrite($fh, $text);
fclose($fh);
//demo.text
fdsafdsa--2012-11-01 12:24:04说:fdsafdsa<br>fdsafdsa--2012-11-01 12:24:07说:fdsafdsafsa<br>111--2012-11-01 12:25:07说:2222<br>eeee--2012-11-01 12:25:10说:eeee<br>fdsfds--2012-11-01 12:25:12说:fdsfdsfds<br>fdsfds--2012-11-01 12:25:19说:fdsfdsfs<br>fdsfdsf--2012-11-01 12:25:22说:sfdsfdsfds<br>fdsafdsa--2012-11-01 12:26:00说:fdsafdsa<br>

<.>Ce qui précède est que je l'ai compilé pour tout le monde, j'espère qu'il sera utile à tout le monde à l'avenir.

Articles Liés

Voir plus