AJAX 實(shí)時(shí)讀取輸入文本(php)
更新時(shí)間:2009年11月27日 17:04:01 作者:
客戶端String.php,服務(wù)器端String_check.php,很簡(jiǎn)單的實(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ù)器端代碼:
<?php
header('Content-type: text/html;charset=GB2312');
$ename = $_GET["page"];
if ($ename == "") {
$ename = "請(qǐng)輸入:";
}
echo ($ename);
exit(0);
?>
復(fù)制代碼 代碼如下:
<!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 = "請(qǐng)輸入:";
}
echo ($ename);
exit(0);
?>
您可能感興趣的文章:
- php+ajax實(shí)時(shí)刷新簡(jiǎn)單實(shí)例
- php+ajax實(shí)時(shí)輸入自動(dòng)搜索匹配的方法
- 值得分享的php+ajax實(shí)時(shí)聊天室
- PHP實(shí)現(xiàn)的消息實(shí)時(shí)推送功能【基于反ajax推送】
- PHP Ajax實(shí)現(xiàn)表格實(shí)時(shí)編輯
- PHP+Ajax實(shí)時(shí)自動(dòng)檢測(cè)是否聯(lián)網(wǎng)的方法
- php+ajax實(shí)現(xiàn)無刷新動(dòng)態(tài)加載數(shù)據(jù)技術(shù)
- php采用ajax數(shù)據(jù)提交post與post常見方法總結(jié)
- ajax處理php返回json數(shù)據(jù)的實(shí)例代碼
- php+jQuery ajax實(shí)現(xiàn)的實(shí)時(shí)刷新顯示數(shù)據(jù)功能示例
相關(guān)文章
基于fileUpload文件上傳帶進(jìn)度條效果的實(shí)例(必看)
下面小編就為大家?guī)硪黄趂ileUpload文件上傳帶進(jìn)度條效果的實(shí)例(必看)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06AJAX開發(fā)技術(shù)在PHP開發(fā)中的簡(jiǎn)單應(yīng)用技巧
AJAX無疑是2005年炒的最熱的Web開發(fā)技術(shù)之一,當(dāng)然,這個(gè)功勞離不開Google。我只是一個(gè)普通開發(fā)者,使用AJAX的地方不是特別多,我就簡(jiǎn)單的把我使用的心得說一下。(本文假設(shè)用戶已經(jīng)具有JavaScript、HTML、CSS等基本的Web開發(fā)能力)2010-04-04Ajax異步方式實(shí)現(xiàn)登錄與驗(yàn)證
這篇文章主要介紹了Ajax異步方式實(shí)現(xiàn)登錄與驗(yàn)證,感興趣的小伙伴們可以參考一下2015-12-12淺析IE針對(duì)Ajax請(qǐng)求結(jié)果的緩存問題
我們通過一個(gè)ASP.NET MVC應(yīng)用來重現(xiàn)IE針對(duì)Ajax請(qǐng)求結(jié)果的緩存。在一個(gè)空ASP.NET MVC應(yīng)用中我們定義了如下一個(gè)默認(rèn)的HomeController,其中包含一個(gè)返回當(dāng)前時(shí)間的Action方法GetCurrentTime。2015-09-09基于ajax html實(shí)現(xiàn)文件上傳技巧總結(jié)
這篇文章主要為大家詳細(xì)總結(jié)了基于ajax html實(shí)現(xiàn)文件上傳技巧,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09Ajax讀取數(shù)據(jù)之分頁(yè)顯示篇實(shí)現(xiàn)代碼
前幾篇的ajax教程里講了,讀取,添加,修改,刪除的功能.有幾天沒有更新了,雖然網(wǎng)上也有很多ajax分頁(yè)的教程和相關(guān)實(shí)例.2010-10-10