• 企业400电话
  • 网络优化推广
  • AI电话机器人
  • 呼叫中心
  • 全 部 栏 目

    网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    AJAX封装类使用指南
    POST TIME:2021-10-18 06:12

    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跨域Session和跨域访问
    下一篇:AJAX初级教程之初识AJAX
  • 相关文章
  • 

    关于我们 | 付款方式 | 荣誉资质 | 业务提交 | 代理合作


    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信