首頁 > web前端 > js教程 > AJAX封裝類別使用指南

AJAX封裝類別使用指南

亚连
發布: 2018-05-25 14:44:31
原創
1463 人瀏覽過

這篇文章主要介紹了AJAX封裝類別使用指南,需要的朋友可以參考下

AJAX說起來感覺很難,但是把他封裝起來你會發現使用起來很簡單了,當然也是簡單的應用了,譬如留言板的應用等,這裡首先,先送大家一個禮物那就是封裝好的AJAX的類,下載地址http://xiazai.jb51.net/201412/yuanma/ajax3.0(jb51 .net).rar 這裡下載這個類,然後教大家怎麼使用吧!
實例哦!

<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>
登入後複製

先加入我們的ajax3.0.js這個文件,然後我們就寫這個東西Ajax().post("save.php", datao, function(data))
ajax( )兩個參數第一個回傳xml json 還是html 第二個true異步傳輸false同步傳輸post後邊大家看的明白吧呵呵
下邊是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>
登入後複製

上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

django使用ajax post資料出現403錯誤如何解決

淺析IE針對Ajax請求結果的快取問題

各種AJAX方法的使用比較詳解

以上是AJAX封裝類別使用指南的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板