DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> AJAX POST的使用實例(ASP)
AJAX POST的使用實例(ASP)
編輯:AJAX詳解     

AJax.Html

<!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>兼容多浏覽器的AJax入門實例(超詳細注釋)</title>
<script type="text/Javascript">
<!--
//AJax是建立在XMLHttp組件下的技術,本例詳細語法參考壓縮包內XMLhttp手冊
var XMLHttp
//建立XMLHTTP對象調用MS的ActiveXObject方法,如果成功(IE浏覽器)則使用MS ActiveX實例化創建一個XMLHTTP對象 非IE則轉用建立一個本地Javascript對象的XMLHttp對象(此方法確保不同浏覽器下對AJax的支持)
function createXMLHttp(){
if(window.XMLHttpRequest){ // Mozilla 浏覽器
xmlHttp = new XMLHttpRequest();
}else if (window.ActiveXObject){ // IE 浏覽器
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
}


//建立主過程
function startXMLHttp(){
    createXMLHttp(); //建立XMLHttp 對象
 var send_string="name="+document.getElementById("name").value;
 send_string= encodeURI(send_string)
// alert(document.getElementById("text").value);
// return;
    xmlHttp.onreadystatechange =dodo; //XMLHttp下的onreadystatechange方法控制傳送過程
    XMLHttp.open("post","1.ASP",true); //傳送方式 讀取的頁面 異步與否
// XMLHttp.setRequestHeader("cache-control","no-cache");
   XMLHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
    XMLHttp.send(send_string); //發送
}

function dodo(){
    if(xmlHttp.readystate==4){ // XMLHttp下的readystate方法 4表示傳送完畢
        if(xmlHttp.status==200){ // XMLHttp的status方法讀取狀態(服務器HTTP狀態碼) 200對應OK 404對應Not Found(未找到)等
     document.getElementById("content").innerHtml=xmlHttp.responseText //XMLHttp的responseText方法 得到讀取頁數據
           }
    
}

}
-->
</script>
</head>

<body>
<span id="content">替換內容</span><br>
<input type="button" onclick="Javascript:startXMLHttp()" value="AJax獲取"/>
<form id="form1" name="form1" method="post" action="">
  <label>
  <input type="text" name="textfIEld" id="name" />
  </label>
</form>
</body>
</Html>

1.ASP

<%
'-------------------------------------------
'//禁止緩存該頁 讓AJax讀取該頁始終為最新而非過期緩存頁
Response.Expires = 0
Response.Expiresabsolute = Now() - 1
Response.AddHeader "pragma","no-cache"
Response.AddHeader "cache-control","private"
Response.CacheControl = "no-cache"
'-------------------------------------------
response.Charset="GB2312" '//數據返回的編碼類型 顯示中文數據必須

'-------------------------------------------
response.Write(now())'//得到當前時間
Dim Content
Content = Request.Form("name")
Response.Write(Content)
%>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved