AJAX封装类使用指南
ajax说起来感觉很难,但是把他封装起来你会发现使用起来很简单了,当然也是简单的应用了,譬如留言板的应用等,这里首先,先送大家一个礼物那就是封装好的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>
<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>
嗯 今天有点事 ,写的可能不够详细,有什么不懂的,请大家留言,
上一篇: 解开无线路由器“罢工”谜团
下一篇: AJAX验证数据库内容并将值显示在页面