AJAX封装类使用指南_AJAX相关

上一篇: AJAX初级教程之初识AJAX 下一篇:浅谈Ajax跨域Session和跨域访问

AJAX封装类使用指南

发布时间：2022-04-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了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>
  <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封装类使用指南所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：AJAX

上一篇: AJAX初级教程之初识AJAX 下一篇:浅谈Ajax跨域Session和跨域访问

猜你在找的AJAX相关相关文章

全站导航更多

最新AJAX相关教程

热门AJAX相关教程