Ajax-and-javascript

来源:互联网 发布:tensorflow人脸关键点 编辑:程序博客网 时间:2024/06/06 02:24

第一个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代码?
目前我摸索的解决方式:使用转义符。

0 0