用Ajax實現給靜態頁面賦值

1、靜態文件index.htm

<script type="text/javascript">
// JavaScript Document for set innerHTML
function setInnerHTML(objId, html){
 
try{
  
var obj = document.getElementById(objId);
  obj.innerHTML 
= html;
 }
catch(exception){
  alert(
"Make sure the object id is correct!");
 }
}

function getInnerHTML(objId){
 
try{
  
var obj = document.getElementById(objId);
  
return obj.innerHTML;
 }
catch(exception){
  alert(
"Make sure the object id is correct!");
 } 
}

/* Create a new XMLHttpRequest object to talk to the Web server */
var xmlHttp = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
   xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
   try {
      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
   } catch (e2) {
      xmlHttp = false;
   }
}
@end @
*/

if (!xmlHttp && typeof XMLHttpRequest != "undefined") {
  xmlHttp 
= new XMLHttpRequest();
}

function info(){
 
try{
  
var str = window.location.href;
  
var pos = str.indexOf("?");
  
var parastr = str.substring(pos+1);
  
var url = "go.asp?" + parastr;
  xmlHttp.open(
"GET", url, true);
  xmlHttp.onreadystatechange 
= infoOk;
  xmlHttp.send(
null);
 }
catch(exception){}
}

function infoOk(){
 
if (xmlHttp.readyState == 4) {
  
try{
   
var response = xmlHttp.responseText;
   
var alertObj = document.getElementById("info");
   alertObj.innerHTML
=response;
  }
catch(exception){}
 } 
}
</script>
<body onload="info()">
<div id="info">載入數據...</div>
</body>


2、腳本文件go.asp

 

<%
Response.Expires 
= -1
Response.ExpiresAbsolute 
= Now() - 1
Response.cachecontrol 
= "no-cache"

Action
=LCase(Request.QueryString("do"))

if action="" then

else

str
="12345"

end if

Response.AddHeader 
"Content-Type","text/html; charset=gb2312"
response.write 
""&str&""
%
>


3、測試index.htm和index.htm?do=1會顯示不同結果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章