AJAX封裝類使用指南

AJAX封裝類使用指南_AJAX相關

最後更新：2017-01-18 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

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>
  <div id="show" style="background:yellow;border:1px solid blue">
   內容載入中.....
  </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>
   內容: <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>

嗯今天有點事，寫的可能不夠詳細，有什麼不懂的，請大家留言，

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More