AJAX-初体验

最新推荐文章于 2023-07-18 22:01:58 发布

最新推荐文章于 2023-07-18 22:01:58 发布 · 99 阅读

文章标签：

#Ajax #PHP #Microsoft #JavaScript #XML #ViewUI

最近看了网上一篇关于AJAX技术的文章，虽然曾经略知一二，但是一直没有实际做过什么东东。看完后，突然想小试身手。如此，使用php做了一个简单的AJAX技术的网页。如下：

文件：

(1)ajaxtest.js -用来实现ajax接口

（2）test.php -用来传入，显示及调用

（3）showText.php -用来处理传入的php

以下对代码进行描述及重点处说明

===============================

由于现在还没有找到好的可以支持AJAX的jScript编辑，因此对于ajaxtest.js的编写一定要注意大小写及相应的方法名称。

（1）ajaxtest.js

--------------------

var ajax = false;

function complete(){
// 1,readyState; 2,status

//此处一定要注意第一个判断是readyState第二个判断是status不要搞混噢，一开始我就写的是

//if(ajax.readyState == 4 && ajax.readyState == 200){，所以一直没有出来。。。^_^!
if(ajax.readyState == 4 && ajax.status == 200){

//如果得到Text文本文件后再进行处理，就请用responseText。如果得到的是个XML结构就请用

//responseXML然后再通过使用javascript中的DOM来进行处理。

//如：var city = req.responseXML.getElementsByTagName("city");
showGetText(ajax.responseText);
}
}

function showGetText(strText){
document.form1.text.value = strText;
}

------------------------------------------------------------------------

showText.php

<?php
$str = $_REQUEST["STR"];
$str .= "AJAX测试通过啦！！！^_^";
print $str;
?>

----------------------------------------------------------------------------

test.php

//对于button来说一定是onClick事件才能触发呀，否则就会像我一样一直在使用onchange事件，对于//我来说具然也能犯这样的错误。。。。真是.....汉呀
<input name="button" type="button" onClick = "getResult(this);" value = "dd"/>
</form>
</td>
</tr></table>
</body>
</html>