快捷導(dǎo)航

AJAX封裝類使用指南

更新時(shí)間：2014年12月26日 11:59:16 投稿：hebedich

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

AJAX說起來感覺很難，但是把他封裝起來你會(huì)發(fā)現(xiàn)使用起來很簡(jiǎn)單了，當(dāng)然也是簡(jiǎn)單的應(yīng)用了，譬如留言板的應(yīng)用等，這里首先，先送大家一個(gè)禮物那就是封裝好的AJAX的類，下載地址http://xiazai.jb51.net/201412/yuanma/ajax3.0(jb51.net).rar 這里下載這個(gè)類，然后教大家怎么使用吧！
實(shí)例哦！

復(fù)制代碼代碼如下:

<html>

 <head>

  <title>Ajax實(shí)例</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> 

  <div id="show" style="background:yellow;border:1px solid blue">

   內(nèi)容加載中..... 

  </div>

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

   內(nèi)容: <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這個(gè)文件，然后我們就寫這個(gè)東西Ajax().post("save.php", datao, function(data))
ajax()兩個(gè)參數(shù) 第一個(gè)返回xml json 還是html 第二個(gè)true異步傳輸 false同步傳輸 post后邊大家看的明白吧呵呵
下邊是 php的文件

復(fù)制代碼代碼如下:

//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." ";

fwrite($fh, $text);

fclose($fh);
//demo.text
fdsafdsa--2012-11-01 12:24:04說:fdsafdsa fdsafdsa--2012-11-01 12:24:07說:fdsafdsafsa 111--2012-11-01 12:25:07說:2222 eeee--2012-11-01 12:25:10說:eeee fdsfds--2012-11-01 12:25:12說:fdsfdsfds fdsfds--2012-11-01 12:25:19說:fdsfdsfs fdsfdsf--2012-11-01 12:25:22說:sfdsfdsfds fdsafdsa--2012-11-01 12:26:00說:fdsafdsa

嗯今天有點(diǎn)事，寫的可能不夠詳細(xì)，有什么不懂的，請(qǐng)大家留言，

您可能感興趣的文章: