本篇内容介绍了“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" > 内容加载中..... </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.textfdsafdsa--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封装类的使用教程”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。