Guide d'utilisation de la classe wrapper AJAX-js tutoriel-php.cn

Guide d'utilisation de la classe wrapper AJAX

亚连

Libérer： 2018-05-25 14:44:31

original

1434 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

<.>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.