AJAX 實(shí)時(shí)讀取輸入文本(php)

更新時(shí)間：2009年11月27日 17:04:01 作者：

客戶端String.php,服務(wù)器端String_check.php，很簡單的實(shí)現(xiàn)。

客戶端代碼：

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>無標(biāo)題文檔</title> 
</head> 
<script language="javascript"> 
var xmlHttp; 

function createXMLHttpRequest(){ 
if(window.ActiveXObject){ 
xmlHttp = new ActiveXObject("microsoft.XMLHTTP"); 
} 
else if(window.XMLHttpRequest){ 
xmlHttp = new XMLHttpRequest(); 
} 

} 

function sendRequest(){ 

createXMLHttpRequest(); 

var name = document.getElementById("name").value; 
url = "String_check.php?page="+name; 
xmlHttp.onreadystatechange = callback; 
xmlHttp.open('GET',url,true); 
xmlHttp.send(null); 
} 

function callback(){ 
if(xmlHttp.readyState == 4){ 
if(xmlHttp.status == 200){ 
document.getElementById("show").innerHTML = "您輸入的字符串為："+ xmlHttp.responseText; 

} 
} 
} 

</script> 
<body> 
<p>AJAX test;</p> 
<p><br/> 
<input type="text" id="name" onkeyup="sendRequest();" /> 
<br/> 
<span id="show"></span> 
</p> 
</body> 
</html> 

服務(wù)器端代碼：

復(fù)制代碼代碼如下:

 
<?php 
header('Content-type: text/html;charset=GB2312'); 
$ename = $_GET["page"]; 
if ($ename == "") { 
$ename = "請輸入："; 
} 
echo ($ename); 
exit(0); 
?> 

您可能感興趣的文章:

相關(guān)文章

簡單實(shí)現(xiàn)ajax獲取跨域數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了如何簡單實(shí)現(xiàn)ajax獲取跨域數(shù)據(jù)的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-04-04
天楓AJAX天氣預(yù)報(bào)系統(tǒng)V1.0
天楓AJAX天氣預(yù)報(bào)系統(tǒng)V1.0...
2007-02-02
Ajax?請求隊(duì)列解決方案并結(jié)合elementUi做全局加載狀態(tài)
這篇文章主要介紹了Ajax?請求隊(duì)列解決方案并結(jié)合elementUi做全局加載狀態(tài),使用消息隊(duì)列制作請求防抖，防止重復(fù)請求印象服務(wù)器，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-10-10
Ajax獲得站點(diǎn)文件內(nèi)容實(shí)例不涉及服務(wù)器
選擇一部著作，會通過 Ajax 實(shí)時(shí)獲得相關(guān)的名字，一個(gè)簡單的不涉及服務(wù)器的Ajax實(shí)例,需要的朋友可以參考下
2014-05-05
如何解決ajax在google chrome瀏覽器上失效
今天閑著沒事做個(gè)一個(gè)ajax小練習(xí)，困擾了我很長時(shí)間，我寫的ajax代碼在ie、360、火狐瀏覽器上運(yùn)行都是正常的，而在google chrome下無法正常運(yùn)行，搞的我焦頭爛額，最終找到解決辦法，在此分享給大家，幫助那些遇到和我一樣問題的朋友
2015-10-10
零基礎(chǔ)學(xué)習(xí)AJAX之AJAX框架
本文是零基礎(chǔ)學(xué)習(xí)AJAX系列教程的第二篇，我們介紹點(diǎn)不一樣的知識，學(xué)習(xí)下ajaxLib和ajaxGold兩款框架，方便我們更好的理解ajax.
2015-01-01
ajax實(shí)現(xiàn)數(shù)據(jù)分頁查詢
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)數(shù)據(jù)分頁查詢的相關(guān)資料，以及ajax實(shí)現(xiàn)對數(shù)據(jù)庫的查詢，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
Ajax核心XMLHttpRequest總結(jié)
本文主要是給大家總結(jié)了一下Ajax的核心內(nèi)容XMLHttpRequest的相關(guān)知識，十分的詳細(xì)，推薦給大家，需要的小伙伴參考下。
2015-02-02
ajax調(diào)用簡單實(shí)例
這篇文章主要介紹了ajax調(diào)用簡單實(shí)例,結(jié)合實(shí)例形式分析了基于ajax調(diào)用講URL返回?cái)?shù)據(jù)填充到指定div的功能,需要的朋友可以參考下
2015-12-12
Ajax異步上傳文件實(shí)例代碼分享
這篇文章主要介紹了Ajax異步上傳文件實(shí)例代碼，非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06