游戏人间
版主
  
风云山庄大少爷
UID 62639
精华
2
积分 14383
帖子 7272
金钱 14241 喜悦币
威望 20
人脉 122
阅读权限 100
注册 2004-12-21
来自 广西人在北京
状态 离线
|
AJAX有传说中的那么复杂吗？
<?php
-----------------------------------------------------------------------------------------------------------------------------------------------------------
1.php 这个是测试失去焦点触发动作，下面的2.php才是正品
<form id="MyForm" name="MyForm" method="post" action="">
<input type="text" name="MyText" onchange="hehe();" />
<!-- onchange为失去焦点并且内容有改变而触发的事件 -->
</form>
<script type="text/javascript">
<!--
function hehe ( )
{
alert ( document.all.MyText.value ) ;
}
-->
</script>
-----------------------------------------------------------------------------------------------------------------------------------------------------------
2.php 测试的时候在文本框中输入"3.php"然后用鼠标随便点文本框以外的一个地方就可以了。
<form id="MyForm" name="MyForm" method="post" action="">
<input type="text" name="MyText" id="MyText" onchange="MyOnchange(document.MyForm.MyText.value,document.getElementById('ShowLayer'));" />
</form>
<div id="ShowLayer"></div>
<script type="text/javascript">
<!--
function CreateInitAjax ( )
{
if ( window.ActiveXObject ) { xmlHttp = new ActiveXObject ( "Microsoft.XMLHTTP" ) ; }
if ( window.XMLHttpRequest ) { xmlHttp = new XMLHttpRequest ( ) ; }
return xmlHttp ;
}
function MyOnchange ( Url , ObjShow )
{
var Ajax = CreateInitAjax ( ) ;
Ajax.open ( "GET" , Url , true ) ;
Ajax.onreadystatechange = function ( ) { if ( Ajax.readyState == 4 && Ajax.status == 200 ) ObjShow.innerHTML = Ajax.responseText ; }
Ajax.send ( null ) ;
}
-->
</script>
-----------------------------------------------------------------------------------------------------------------------------------------------------------
3.php
这个文件里随便输入点文字就可以了。
-----------------------------------------------------------------------------------------------------------------------------------------------------------
没有经过太多的测试，目前IE测试通过，主要是告诉大家AJAX其实就那么几行就能实现了。当然复杂的东西是不会这么简单的，这个只是展示一下而已。这几天要用到AJAX，而有却一点也不会，没办法只能到处找东西拼，结果基本上已经知道这个是什么回事了。
?> [ 本帖最后由 游戏人间 于 2007-5-23 10:44 PM 编辑 ]
| 
群号：6025396/6025252/19520091(广西PHP交流/PHP高级编程/算法交流)、饿踢Blog
寧可在嘗試中失敗,也不在保守中成功!
不為失敗找理由,只為成功找方法!
|
|
