php页面get方法实现ajax-入门实例教程
1、下载并安装xampp
2、单击下一步
3、单击确定，然后一步步完成安装
4、在php项目目录新建test.php文件和action.php文件
5、在test.php文件里输入如下代码：
<!DOCTYPE html> <html lang="en"> <head> <title> ajax</title> <script type="text/javascript">function loadXMLDoc() {var xmlhttp;var q=document.getElementById("q").value;/*获取id为q的input的值*/if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest();//实例化ajax对象 }else { //for ie5,6 兼容ie5,6 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } /**/ xmlhttp.onreadystatechange=function()//每当 readyState 属性改变时，就会调用该函数 { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } }xmlhttp.open("GET","action.php?q="+q,true);xmlhttp.send(); }</script> </head> <body> <div id="myDiv"><h2>Let AJAX change this text</h2></div> <div> <form action="action.php" > 123 <input type="text" name="q" id="q"/><input type="button" onclick="loadXMLDoc()" value="提交"/> </form> </div> </body> </html>
6、在action.php文件里输入如下代码：
/*action.php页面*/<?php $value=$_GET['q']; echo $value;?>
在浏览器运行test.php文件，并在表单输入内容，截图如下
7、提交表单输入的内容测试ajax是否成功，截图如下，可以看到第一行的文字变为表单提交的内容了，同时表单里面的内容没变。
8、果和预期的一样，可以清楚的看到提交后的结果出现在当前页面，且表单里的信息还在。到这里以php，get方式演示的ajax案例就完成了！