AJAX封装类使用教程

2016-11-09 00:00:00临风 网页程序设计

  AJAX说起来感觉很难,但是把他封装起来你会发现使用起来很简单了,当然也是简单的应用了,譬如留言板的应用等。下面就由yjbys小编带领大家学习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>

  <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>

[网页程序设计]相关推荐

[网页程序设计]相关栏目推荐
查看更多
上一篇:SOAP Web服务介绍 下一篇:数据库常用sql语句有哪些