Leitfaden zur Verwendung der AJAX-Wrapper-Klasse-js-Tutorial-php.cn

Leitfaden zur Verwendung der AJAX-Wrapper-Klasse

亚连

Freigeben： 2018-05-25 14:44:31

Original

1376 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Anleitung zur Verwendung von AJAX-Kapselklassen vorgestellt.

Es scheint schwierig zu sein, über AJAX zu sprechen, aber wenn Sie es kapseln, werden Sie feststellen, dass es sehr schwierig ist Einfach zu bedienen. Natürlich sind es auch einfache Anwendungen wie Message-Board-Anwendungen usw. Lassen Sie mich Ihnen zunächst ein Geschenk machen, nämlich eine gepackte AJAX-Klasse. Die Download-Adresse lautet http://xiazai.jb51 .net/201412/yuanma/ajax3.0(jb51 .net).rar Laden Sie diesen Kurs hier herunter und zeigen Sie Ihnen, wie Sie ihn verwenden!
Beispiele!

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

Nach dem Login kopieren

Fügen Sie zuerst unsere Datei ajax3.0.js hinzu und dann schreiben wir diese Ajax().post("save.php", datao, function(data))
ajax( ) Der erste Der zweite Parameter ist „true“ für die asynchrone Übertragung und „false“ für die synchrone Übertragung. Haha
Unten ist die PHP-Datei

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

Nach dem Login kopieren

Oben habe ich für alle zusammengestellt. Ja, ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

So beheben Sie den 403-Fehler, wenn Django Ajax-Postdaten verwendet

Eine kurze Analyse des Caching-Problems des IE für Ergebnisse der Ajax-Anfrage

Eine ausführliche Erläuterung der Verwendung verschiedener AJAX-Methoden

Das obige ist der detaillierte Inhalt vonLeitfaden zur Verwendung der AJAX-Wrapper-Klasse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!