主页 > 知识库 > AJAX封装类使用指南

AJAX封装类使用指南

热门标签:阿里云 科大讯飞语音识别系统 服务器配置 Mysql连接数设置 Linux服务器 银行业务 电子围栏 团购网站

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说:fdsafdsabr>fdsafdsa--2012-11-01 12:24:07说:fdsafdsafsabr>111--2012-11-01 12:25:07说:2222br>eeee--2012-11-01 12:25:10说:eeeebr>fdsfds--2012-11-01 12:25:12说:fdsfdsfdsbr>fdsfds--2012-11-01 12:25:19说:fdsfdsfsbr>fdsfdsf--2012-11-01 12:25:22说:sfdsfdsfdsbr>fdsafdsa--2012-11-01 12:26:00说:fdsafdsabr>

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

您可能感兴趣的文章:
  • 一个AJAX自动完成功能的js封装源码[支持中文]
  • 一个封装的Ajax类
  • JavaScript 封装Ajax传递的数据代码
  • 自己动手封装的 ajax
  • ajax的工作原理以及异步请求的封装介绍
  • 对Jquery中的ajax再封装,简化操作示例
  • 原生Javascript封装的一个AJAX函数分享
  • 使用对象封装ajax重复调用的方法

标签:广元 萍乡 江苏 蚌埠 大理 枣庄 衢州 衡水

巨人网络通讯声明:本文标题《AJAX封装类使用指南》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266