AJAX封装类使用指南

所属分类：网络编程 / AJAX相关阅读数： 278

收藏 0赞 0分享

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." ";

fwrite($fh, $text);

fclose($fh);
//demo.text
fdsafdsa--2012-11-01 12:24:04说:fdsafdsa fdsafdsa--2012-11-01 12:24:07说:fdsafdsafsa 111--2012-11-01 12:25:07说:2222 eeee--2012-11-01 12:25:10说:eeee fdsfds--2012-11-01 12:25:12说:fdsfdsfds fdsfds--2012-11-01 12:25:19说:fdsfdsfs fdsfdsf--2012-11-01 12:25:22说:sfdsfdsfds fdsafdsa--2012-11-01 12:26:00说:fdsafdsa

嗯今天有点事，写的可能不够详细，有什么不懂的，请大家留言，

更多精彩内容其他人还在看

AJAX封装类使用指南

理解jquery ajax中的datatype属性选项值

基于Jquery ajax技术实现间隔N秒向某页面传值

通过Ajax两种方式讲解Struts2接收数组表单的方法

基于Jquery.history解决ajax的前进后退问题

使用HTML5中postMessage知识点解决Ajax中POST跨域问题

谈谈你对aja的理解(一、二)

关于ajax对象一些常用属性、事件和方法大小写比较常见的问题总结

Ajax请求session失效该如何解决

编写轻量ajax组件02--浅析AjaxPro

编写轻量ajax组件01-与webform平台上的各种实现方式比较

网络赚钱

站长故事