本篇内容介绍了“ajax封装类的使用教程”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！AJAX说起来感觉很
本篇内容介绍了“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封装类的使用教程”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站，小编将为大家输出更多高质量的实用文章！
--结束END--
本文标题: AJAX封装类的使用教程
本文链接: https://www.lsjlt.com/news/76171.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0