AJAX说起来感觉很难,但是把他封装起来你会发现使用起来很简单了,当然也是简单的应用了,譬如留言板的应用等,这里首先,先送大家一个礼物那就是封装好的AJAX的类,下载地址http://pan.baidu.com/share/link?shareid=97681&uk=3776605648这里下载这个类,然后教大家怎么使用吧! 实例哦!

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

</pre>
首先先加入我们的ajax3.0.js这个文件,然后我们就写这个东西Ajax().post("save.php", datao, function(data))
ajax()两个参数 第一个返回xml json 还是html 第二个true异步传输 false同步传输 post后边大家看的明白吧 呵呵 
下边是 php的文件 
<pre lang="php" line="1">
//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>

嗯 今天有点事 ,写的可能不够详细,有什么不懂的,请大家留言,谢谢大家对微度网络科技的支持,转载请注明来自微度网络-网络技术中心http://yun.widuu.com

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部