關於XMLHttpRequest對象的responseText屬性

時間 2019-11-08

標籤關於 xmlhttprequest 對象 responsetext 屬性简体版

原文原文鏈接

下面的代碼是利用Ajax實如今輸入框中寫入一個ID號，即時的從數據庫中取得數據並在頁面無刷新的狀況下顯示。

Ajax.aspx的代碼：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ajax.aspx.cs" Inherits="Activity_Ajax" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Ajax取參數</title>

function showHint()

{

var str = document.getElementById("txt1").value;

if (str.length==0)

{

document.getElementById("txtHint").innerHTML="";

return;

}

xmlHttp=GetXmlHttpObject();

if (xmlHttp==null)

{

alert ("Browser does not support HTTP Request");

return;

}

var url="AjaxService.aspx";

url=url+"?q="+str;

xmlHttp.onreadystatechange = updatePage;

xmlHttp.open("GET",url,true);

xmlHttp.send();

}

function GetXmlHttpObject()

{

var objXMLHttp=null;

if (window.XMLHttpRequest)

{

objXMLHttp=new XMLHttpRequest();

}

else if (window.ActiveXObject)

{

// IE

objXMLHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

return objXMLHttp;

}

function updatePage()

{

if (xmlHttp.readyState==4)

{

document.getElementById("txtHint").innerHTML=xmlHttp.responseText;

}

</script>

</head>

<body>

<div>

</div>

</form>

</body>

</html>

後臺什麼都不須要。

這個頁面請求的頁面爲AjaxService.aspx頁面。該頁面應該怎麼寫呢？

其實，最好的寫法是：AjaxService.aspx什麼都不要寫，只有如下這一行：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxService.aspx.cs"

Inherits="Activity_ AjaxService"%>

後臺代碼爲（AjaxService.aspx.cs）：

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class Activity_AjaxService : System.Web.UI.Page

{

Connection conn = new Connection();

string strSql;

protected void Page_Load(object sender, EventArgs e)

{

conn.Open();

strSql = "select * from GCGL.Parameter where id=";

string queryStr = Request.QueryString["q"];

if (queryStr != null || queryStr != "")

{

strSql = strSql + queryStr;

}

DataTable dt = conn.GetTable(strSql);

if (dt.Rows.Count > 0)

{

Response.Write(dt.Rows[0]["Content"].ToString());

}

這裏用到了企業庫，但只要修改部分程序就能夠運行在本機上。

下面這張圖是GCGL.Parameter表中的部分數據。

運行效果以下：

下面，再試試在AjaxService.aspx添加一些html代碼。改成：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxService.aspx.cs" Inherits="Activity_AjaxService" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head>

<body>

<div>

</div>

</form>

</body>

</html>

這時再運行Ajax.aspx，發現程序報錯，什麼緣由呢？數據的傳送是沒有問題的，由於開始的時候傳送過來了，獲取數據的代碼都在AjaxService.aspx.cs中，咱們並無修改那裏的代碼。調試程序時，也發現是JavaScript的錯誤。咱們將Ajax.aspx中下面這行：

document.getElementById("txtHint").innerHTML=xmlHttp.responseText;

改成：

document.getElementById("txtHint").innerText=xmlHttp.responseText;

程序運行效果爲：

我想到這裏你們必定知道了什麼緣由：responseText屬性包含了從服務器返回的文字信息。這些信息其實就是所請求的頁面。若是包括<html></html>標籤，那麼在調用某個span的innerHTML()方法時，因爲<html></html>不能嵌套在<span></span>中，就會引起「未知運行期錯誤」。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。