首页 > 网站 > WEB开发 > 正文

Ajax-and-javascript

2024-04-27 15:08:31
字体:
来源:转载
供稿:网友

第一个Ajax调用

第一个Ajax调用:

本次尝试首先是在php+MySQL+Apache环境下,通过javascript实现Ajax例子。以下是代码核心:

Javascript部分

function Ajax(){var xmlHttPReq= null;if(window.ActiveXObject){xmlhttpReq =new ActiveXObject("Microsoft.XMLHTTP");}else if(window.XMLHttpRequest){xmlHttpReq =new XMLHttpRequest();}if(xmlHttpReq != null){xmlHttpReq.open("GET","test.php",true);xmlHttpReq.onreadystatechange= RequestCallBack;xmlHttpReq.send(null);                }function RequestCallBack(){if(xmlHttpReq.readyState == 4){if(xmlHttpReq.status == 200){document.getElementById("resText").innerHTML =xmlHttpReq.responseText;            }        }    }}

html代码

以下是html的完整代码

<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>Ajax测试页</title><script type="text/javascript"></script><style type="text/CSS"></style></head><body>    <input type="button" value="Ajax提交" onclick="Ajax();" />    <div id="resText"></div></body></html>

PHP代码

php代码较为简单,保存为text.php

<?phpecho "hello Ajax!";?>

代码粘贴的一个小问题:如何在markdown格式下粘贴完整的html代码? 目前我摸索的解决方式:使用转义符。


上一篇:jQuery学习总结

下一篇:webstorm安装

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表