您好,登錄后才能下訂單哦!
本篇內容主要講解“如何實現AJAX簡單測試代碼”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“如何實現AJAX簡單測試代碼”吧!
具體如下:
客戶端:代碼如下:(AJAX_test.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=utf-8" /> <title>無標題文檔</title> <script type="text/javascript"> var xmlhttp; //創建異步對象 function initXmlHttp(){ if(window.ActiveXObject){ //IE瀏覽器 xmlhttp = new window.ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest){ //非IE瀏覽器 xmlhttp = new window.XMLHttpRequest(); } } window.onload = initXmlHttp; //發送異步請求 function sendRequest(){ //傳入一個 myname 參數 和 一個用于解決IE緩存問題的實時毫秒數 xmlhttp.open("GET","AJAX_servers.aspx?myname=xg&" + new Date().getTime()); //指定當readyState屬性改變時的事件處理句柄onreadystatechange xmlhttp.onreadystatechange = funState; xmlhttp.send(null); } //獲取異步結果 function funState(){ if( xmlhttp.readyState == 4) { if( xmlhttp.status == 200 || //status==200 表示成功! xmlhttp.status == 0) //本機測試時,status可能為0。 { var re = xmlhttp.responseText; //alert(re); document.getElementById("divShow").innerHTML = re; } } } </script> </head> <body> <button onclick="sendRequest();">發送</button> <div id="divShow"></div> </body> </html>
服務器端:代碼如下:(AJAX_servers.aspx )
復制代碼 代碼如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AJAX_servers.aspx.cs" Inherits="Web_1.AJAX_servers" %>
<%
if (Request.HttpMethod == "GET")
{
string str = Request.QueryString[0];
Response.Write(str + ":我是來自服務器的文字!");
}
%>
到此,相信大家對“如何實現AJAX簡單測試代碼”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。