• <nav id="cwumo"><code id="cwumo"></code></nav>
  • <menu id="cwumo"><strong id="cwumo"></strong></menu>

    AJAX封裝類使用教程

    時間:2024-09-29 16:59:19 AJAX 我要投稿
    • 相關推薦

    AJAX封裝類使用教程

      AJAX說起來感覺很難,但是把他封裝起來你會發現使用起來很簡單了,當然也是簡單的應用了,譬如留言板的應用等。下面就由yjbys小編帶領大家學習AJAX封裝類使用指南。想了解更多相關資訊請持續關注我們應屆畢業生培訓網。

      代碼如下:

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

    【AJAX封裝類使用教程】相關文章:

    ajax技術的基礎教程06-29

    關于AJAX類代碼09-19

    Ajax技術及其在WebGIS中的應用的教程06-12

    AJAX請求類實例代碼09-05

    使用ajax操作JavaScript對象的方法09-28

    Ajax的使用四大詳細步驟11-06

    用 ajax 的方法解決網頁廣告顯示的問題教程09-08

    IP雷達使用教程09-03

    Ajax使用JSON數據格式案例分析09-20

    Ajax+PHP如何簡單基礎入門實例教程10-08

    日韩激情