php页面get方法实现ajax，入门实例教程
生活随笔
收集整理的這篇文章主要介紹了
php页面get方法实现ajax，入门实例教程
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
ajax，入門實例教程
本例針對php頁面，做了一個小的demo加深對ajax的理解
1.文檔結(jié)構(gòu)：
共有ajax.php 和action.php 2個頁面。
2.源碼如下：
/*ajax.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()//每當(dāng) readyState 屬性改變時，就會調(diào)用該函數(shù) {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" ><p>123</p><input type="text" name="q" id="q"/> <input type="button" onclick="loadXMLDoc()" value="提交"/> </form></div></body></html> /*action.php頁面*/
<?php $value=$_GET['q'];echo $value; ?>
運行截圖如下：
?
輸入hello，運行結(jié)果截圖如下：
可以看到第一行的內(nèi)容被輸入的內(nèi)容替代，但input里的內(nèi)容仍然存在，頁面只是局部刷新了。
謝謝觀看！
轉(zhuǎn)載于:https://www.cnblogs.com/xiaogou/p/5369821.html
總結(jié)
以上是生活随笔為你收集整理的php页面get方法实现ajax，入门实例教程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： PHP开发套件
- 下一篇： [转]一些需要禁用的PHP危险函数和禁用