AJAX封装类使用指南
AJAX说起来感觉很难,但是把他封装起来你会发现使用起来很简单了,当然也是简单的应用了,譬如留言板的应用等,这里首先,先送大家一个礼物那就是封装好的AJAX的类,下载地址http://xiazai.jb51.net/201412/yuanma/ajax3.0(jb51.net).rar这里下载这个类,然后教大家怎么使用吧!
实例哦!
<html>
<head>
<title>Ajax实例</title>
<scriptsrc="ajax3.0.js"></script>
</head>
<body>
<script>
document.write(newDate()+"<br>");
document.write(newDate()+"<br>");
document.write(newDate()+"<br>");
</script>
<divid="show"style="background:yellow;border:1pxsolidblue">
内容加载中.....
</div>
<script>
functionread(){
Ajax().get("read.php?num="+Math.random(),function(data){
document.getElementById("show").innerHTML=data;
})
}
read();
setInerval("read()",3000);
functionsend(){
varusername=document.frm.username;
vardesn=document.frm.desn;
vardatao={username:username.value,desn:desn.value};
Ajax().post("save.php",datao,function(data){
read();
username.value="";
desn.value="";
});
}
</script>
<formname="frm">
用户名:<inputtype="text"name="username"value=""><br>
内容:<textareacols="40"rows="5"name="desn"></textarea>
<inputtype="button"onclick="send()"value="留言">
</form>
<script>
document.write(newDate()+"<br>");
document.write(newDate()+"<br>");
document.write(newDate()+"<br>");
</script>
</body>
</html>
首先先加入我们的ajax3.0.js这个文件,然后我们就写这个东西Ajax().post("save.php",datao,function(data))
ajax()两个参数第一个返回xmljson还是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-dH:i:s")."说:".$desn."<br>";
fwrite($fh,$text);
fclose($fh); //demo.text fdsafdsa--2012-11-0112:24:04说:fdsafdsa<br>fdsafdsa--2012-11-0112:24:07说:fdsafdsafsa<br>111--2012-11-0112:25:07说:2222<br>eeee--2012-11-0112:25:10说:eeee<br>fdsfds--2012-11-0112:25:12说:fdsfdsfds<br>fdsfds--2012-11-0112:25:19说:fdsfdsfs<br>fdsfdsf--2012-11-0112:25:22说:sfdsfdsfds<br>fdsafdsa--2012-11-0112:26:00说:fdsafdsa<br>