- 相關(guān)推薦
AJAX封裝類使用教程
AJAX說(shuō)起來(lái)感覺(jué)很難，但是把他封裝起來(lái)你會(huì)發(fā)現(xiàn)使用起來(lái)很簡(jiǎn)單了，當(dāng)然也是簡(jiǎn)單的應(yīng)用了，譬如留言板的應(yīng)用等。下面就由yjbys小編帶領(lǐng)大家學(xué)習(xí)AJAX封裝類使用指南。想了解更多相關(guān)資訊請(qǐng)持續(xù)關(guān)注我們應(yīng)屆畢業(yè)生培訓(xùn)網(wǎng)。
代碼如下：
<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>
<p id="show" style="background:yellow;border:1px solid blue">
內(nèi)容加載中.....
</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>
內(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的文件
代碼如下：
//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")."說(shuō):".$desn."<br>";
fwrite($fh, $text);
fclose($fh);
//demo.text
fdsafdsa--2012-11-01 12:24:04說(shuō):fdsafdsa<br>fdsafdsa--2012-11-01 12:24:07說(shuō):fdsafdsafsa<br>111--2012-11-01 12:25:07說(shuō):2222<br>eeee--2012-11-01 12:25:10說(shuō):eeee<br>fdsfds--2012-11-01 12:25:12說(shuō):fdsfdsfds<br>fdsfds--2012-11-01 12:25:19說(shuō):fdsfdsfs<br>fdsfdsf--2012-11-01 12:25:22說(shuō):sfdsfdsfds<br>fdsafdsa--2012-11-01 12:26:00說(shuō):fdsafdsa<br>
【AJAX封裝類使用教程】相關(guān)文章：
關(guān)于AJAX類代碼09-19
Ajax技術(shù)及其在WebGIS中的應(yīng)用的教程06-12
使用ajax操作JavaScript對(duì)象的方法09-28
Ajax的使用四大詳細(xì)步驟11-06
用 ajax 的方法解決網(wǎng)頁(yè)廣告顯示的問(wèn)題教程09-08
IP雷達(dá)使用教程09-03