AJAX封装类的详细介绍

来源:爱站网时间:2022-08-05编辑:网友分享
这篇文章主要介绍了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封装类的详细介绍小编都一一给大家整理出来了,还有什么需要补充或者小编解答的吗?可以来网站留言。爱站技术频道网站每天都会不定时更新文章,喜欢可以收藏下。

上一篇:Ajax设计修改购物车的思路

下一篇:AJAX针对服务器XML返回数据的处理方法

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载