下面的代码是利用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">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Ajax取参数</title>
    <script lang="javascript">
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>
    <form id="form1">
    <div>
        <input id="txt1" type="text" onkeyup="showHint()"/>
        <p>参数：<span id="txtHint"></span></p>
    </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">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <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>中，就会引发“未知运行期错误”。

关于XMLHttpRequest对象的responseText属性的更多相关文章

  1. XMLHttpRequest对象的常用属性与方法

    方法 一, open(); 书上解释: 用于设置请求的目标url请求方法, 以及其他参数信息 个人理解: 发送请求的页面在不刷新的情况能将参数传给一个服务器进行处理, 这个方法就是将这些个参数传送过去 ...

  2. XmlHttpRequest对象的获取及相关操作

    一.获取XMLHttpRequest对象 方案一: function ajaxFunction(){ var xmlHttp; try{ // Firefox, Opera 8.0+, Safari ...

  3. HTTP脚本化——XMLHttpRequest对象的学习笔记

    一. HTTP 请求和响应 一个HTTP请求由4部分组成 HTTP请求方法(也叫动作Verb) 正在请求的URL 一个可选的请求头集合(可能包含身份验证信息等) 一个可选的请求主体 服务器返回的HTT ...

  4. javascript XMLHttpRequest对象全面剖析

    转载:http://www.jb51.net/article/23175.htm 一. 引言 异步JavaScript与XML(AJAX)是一个专用术语,用于实现在客户端脚本与服务器之间的数据交互过程 ...

  5. Ajax学习（三）——XMLHttpRequest对象的五步使使用方法

        Ajax的核心技术是XMLHttpRequest对象,它能够在不向server提交整个页面的情况下.实现局部更新网页.通过这个对象,Ajax能够像桌面应用程序那样仅仅与server进行数据层的 ...

  6. 全面剖析XMLHttpRequest对象

    XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础.尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用:但是,我们 ...

  7. 原生Ajax XMLHttpRequest对象

    一.Ajax请求 - 现在常见的前后端分离项目中,一般都是服务器返回静态页面后浏览器加载完页面,运行script中的js代码,通过ajax向后端api发送异步请求获取数据,然后调用回调函数,将数据添加 ...

  8. 【转载并整理】AJAX XmlHttpRequest对象详解

    一. XMLHttpRequest由来及原生介绍 XMLHttpRequest(XHR)是一个API对象,其中的方法可以用来在浏览器和服务器端传输数据.这个对象是浏览器的js环境提供的.从XHR获取数 ...

  9. window.XMLHttpRequest对象详解

    来自:http://blog.csdn.net/lccone/article/details/7743946 window.XMLHttpRequest XMLHttpRequest对象是当今所有AJ ...

随机推荐

  1. char与byte的差别

    非常多刚開始学习的人(包含我,已经学了一年多java了)肯会对char和byte这两种数据类型有所疑惑,相互混淆,今天特地查了好多资料,对byte和char两种数据类型进行了总结和比較,先将结果与大家 ...

  2. 命令行分析java线程CPU占用

    1.使用top命令找出占用cpu最高的JAVA进程pid号 2. 找出占用cpu最高的线程: top -Hp  -n 1 3. 打印占CPU最高JAVA进程pid的堆栈信息 jstack pid &g ...

  3. MapReduce程序依赖的jar包

    难得想写个mapreduce程序.发现已经不记得须要加入那些jar包了,网上找了一会也没发现准确的答案.幸好对hadoop体系结构略知一二.迅速试出了写mapreduce程序须要的五个jar包. 不多 ...

  4. java学习笔记day05

    1.final关键字:防止被继承的类或覆写的方法修改,变量或方法被final定义后  会在内在中存在 特点:   1)可以修饰类.函数.变量.   2)被final修饰的类不可以被继承.   3)被f ...

  5. HA高可用的搭建

    HA 即 (high available)高可用,又被叫做双机热备,用于关键性业务. 简单理解就是,有两台机器A和B,正常是A提供服务,B待命闲置,当A宕机或服务宕掉,会切换至B机器继续提供服务.常用 ...

  6. C# 调用存储过程传入表变量作为参数

    首先在SQLServer定义一个自定义表类型: USE [ABC] GO CREATE TYPE [ABC].[MyCustomType] AS TABLE( ) NOT NULL, ) NULL, ...

  7. .NET防止SQL、JS、HTML注入

    /// <summary> /// 过滤标记 /// </summary> /// <param name="NoHTML">包括HTML,脚本 ...

  8. flex与js相互调用

    1.flex调用js方法 调用方法例如:ExternalInterface.call("UploadComplete",oldName,uidName,_dir+"/&q ...

  9. Eclipse编译Arduino程序不能使用串口函数Serial.begin解决办法

    在Arduino官方的编译器当中Serial.begin(9600);初始化语句是可以直接使用的,而到Eclipse当中,同样的语句却不能用了.会出现下面的问题: 显然,这是Eclipse没有找到Se ...

  10. GPS数据处理 - 字符串函数的灵活应用

    题目内容: NMEA- 0183协议是为了在不同的GPS(全球定位系统)导航设备中建立统一的BTCM(海事无线电技术委员会)标准,由美国国家海洋电子协会(NMEA- The National Mari ...