溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“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>
<div id="show" >
內容加載中.....
</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.textfdsafdsa--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封裝類的使用教程”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
