復(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=gbk" />
title>Getting Server side data using AJAX/title>
/head>
script>
function creat_Object() {
var xmlhttp;
if (!xmlhttp typeof XMLHttpRequest != 'undefined') {
try {
xmlhttp = new XMLHttpRequest();
}
catch (e) {
alert("Your browser is not supporting XMLHTTPRequest"); BR> xmlhttp = false;
}
}
else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlhttp;
}
var request = creat_Object();
function sever_interaction() {
if (request.readyState == 1) {
document.getElementById('aja_cnts').value = '';
document.getElementById('aja_cnts').value = 'Loading...';
}
if (request.readyState == 4) {
var answer = request.responseText;
document.getElementById('aja_cnts').value = '';
document.getElementById('aja_cnts').value = answer;
}
}
function call_server() {
request.open("GET", "Response.asp");
request.onreadystatechange = sever_interaction; request.send('');
}
/script>
body>
input type="button" name="btnLoad" id="btnLoad" value="點(diǎn)擊加載" onclick="call_server();" />
input type="text" style=" width:265px; height:68px;" id="aja_cnts" />
/body>
/html>
獲取頁面Response.asp代碼：document.getElementById('aja_cnts').value
Response.asp代碼示例：
復(fù)制代碼 代碼如下:
%
Response.Write "您好！歡迎光臨悠9小店！"
Response.Write "我們的網(wǎng)址是：http://you9luck.taobao.com"
%>
您可能感興趣的文章:- JS實(shí)現(xiàn)隨頁面滾動顯示/隱藏窗口固定位置元素
- js，jquery滾動/跳轉(zhuǎn)頁面到指定位置的實(shí)現(xiàn)思路
- js頁面滾動時層智能浮動定位實(shí)現(xiàn)(jQuery/MooTools)
- js點(diǎn)擊返回跳轉(zhuǎn)到指定頁面實(shí)現(xiàn)過程
- Javascript實(shí)現(xiàn)返回上一頁面并刷新的小例子
- Jquery Ajax 學(xué)習(xí)實(shí)例2 向頁面發(fā)出請求 返回JSon格式數(shù)據(jù)
- JS window.opener返回父頁面的應(yīng)用
- JS實(shí)現(xiàn)頁面進(jìn)入和返回定位到具體位置
