AJAX封装类使用指南

来源：刀刀网

这篇文章主要介绍了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> 
 <p id="show" style="background:yellow;border:1px solid blue">
 内容加载中..... 
 </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>
 内容: <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>

上面是我整理给大家的，希望今后会对大家有帮助。

django使用ajax post数据出现403错误如何解决

浅析IE针对Ajax请求结果的缓存问题

各种AJAX方法的使用比较详解