利用Microsoft.XMLHTTP实现无刷新查询

原创 2006年06月28日 09:13:00

HTML

<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="ajaxtest.WebForm1" %>
<HTML>
 <HEAD id="Head1">
  <title>Untitled Page</title>
  <script type="text/javascript">
        var xmlHttp;
        function createXMLHttpRequest()
        {
            if (window.ActiveXObject)
            {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            else if (window.XMLHttpRequest)
            {
                xmlHttp = new XMLHttpRequest();
            }
        }
           
        function startRequest()
        {
            //debugger;
            var ProvinceID=document.getElementById("DropDownList1");          
            createXMLHttpRequest();
            xmlHttp.onreadystatechange = handleStateChange;
            xmlHttp.open("GET", "?ProvinceID="+ProvinceID.value, true);
            xmlHttp.send(null);
        }
           
        function handleStateChange()
        {
            if(xmlHttp.readyState == 4) //0(未初始化);1(正在装载);2 (装载完毕);3 (交互中);4 (完成)
            {
                if(xmlHttp.status == 200) //200(OK);404(not found)
                {
                    document.getElementById("gridiv").innerHTML=xmlHttp.responseText;
                }
            }
        }
  </script>
 </HEAD>
 <body>
  <form id="form1" runat="server">
   <div>
    <asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>
   </div>
   <div id="gridiv"><FONT face="宋体"></FONT></div>
  </form>
 </body>
</HTML>

CS代码:

 

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Data.SqlClient;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

namespace ajaxtest
{
 /// <summary>
 /// WebForm1 的摘要说明。
 /// </summary>
 public class WebForm1 : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.DropDownList DropDownList1;
 
  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   if (!Page.IsPostBack)
   {
    this.DropDownList1.Attributes.Add("onchange", "return startRequest();");
    ListProvince();
    if (ProvinceID != "")
    {
     GetCityByProvinceID(ProvinceID);
    }
   }

  }
  private string ProvinceID
  {
   get
   {
    if (Request["ProvinceID"] != null && Request["ProvinceID"].ToString() != "")
    {
     return Request["ProvinceID"];
    }
    else
    {
     return "";
    }
   }
  }
  private void GetCityByProvinceID(string ProvinceID)
  {
   string connStr ="server=it003;database=ajax;uid=sa;pwd=sina.com.cn";
   SqlConnection conn = new SqlConnection(connStr);
   string sql = "select * from city where father='" + ProvinceID + "'";
   SqlCommand cmd = new SqlCommand(sql, conn);
   conn.Open();
   SqlDataReader dr = cmd.ExecuteReader();

   string s = @"<table cellspacing='0' cellpadding='4' border='0' id='GridView1' style='color:#333333;border-collapse:collapse;'>";
   s+="<tr style='color:White;background-color:#990000;font-weight:bold;'>";
   s+="<th scope='col'>流水号</th><th scope='col'>代号</th><th scope='col'>城市</th></tr>";
   int m = 0;
   while (dr.Read())
   {
    if (m % 2 == 0)
    {
     s += "<tr style='color:#333333;background-color:#FFFBD6;'>";
    }
    else
    {
     s += "<tr style='color:#333333;background-color:White;'>";
    }
    m++;
    s += "<td>" + dr["id"] + "</td>";
    s += "<td>" + dr["cityID"] + "</td>";
    s += "<td>" + dr["city"] + "</td>";
    s += "</tr>";
   }       
   s+="</table>";
   dr.Close();
   conn.Close();
   this.Response.Write(s);
   this.Response.End();
  }
  private DataSet GetDataSet(string sql)
  {
   string constring="server=it003;database=ajax;uid=sa;pwd=sina.com.cn";
   SqlDataAdapter    sda =new SqlDataAdapter(sql,constring);
   DataSet ds=new DataSet();
   sda.Fill(ds);
   return ds;
  }


  private void ListProvince()
  {
   string sql = "select * from province";
   DataSet ds = GetDataSet(sql);
   DropDownList1.DataSource = ds;
   DropDownList1.DataTextField = "province";
   DropDownList1.DataValueField = "provinceID";
   DropDownList1.DataBind();
  } 

 

 

数据库脚本:

if exists (select * from dbo.sysobjects where id = object_id(N'[dbo].[province]') and OBJECTPROPERTY(id, N'IsUserTable') = 1)
drop table [dbo].[province]
GO

if exists (select * from dbo.sysobjects where id = object_id(N'[dbo].[city]') and OBJECTPROPERTY(id, N'IsUserTable') = 1)
drop table [dbo].[city]
GO

if exists (select * from dbo.sysobjects where id = object_id(N'[dbo].[area]') and OBJECTPROPERTY(id, N'IsUserTable') = 1)
drop table [dbo].[area]
GO

CREATE TABLE [dbo].[province] (
 [id] [int] NOT NULL ,
 [provinceID] [nvarchar] (6) COLLATE Chinese_PRC_CI_AS NULL ,
 [province] [nvarchar] (40) COLLATE Chinese_PRC_CI_AS NULL
) ON [PRIMARY]
GO

CREATE TABLE [dbo].[city] (
 [id] [int] NOT NULL ,
 [cityID] [nvarchar] (6) COLLATE Chinese_PRC_CI_AS NULL ,
 [city] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
 [father] [nvarchar] (6) COLLATE Chinese_PRC_CI_AS NULL
) ON [PRIMARY]
GO

CREATE TABLE [dbo].[area] (
 [id] [int] NOT NULL ,
 [areaID] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
 [area] [nvarchar] (60) COLLATE Chinese_PRC_CI_AS NULL ,
 [father] [nvarchar] (6) COLLATE Chinese_PRC_CI_AS NULL
) ON [PRIMARY]
GO

 

利用Microsoft.XMLHTTP实现无刷新查询

給出修改後的原碼:(WebForm2.aspx)Untitled Pagevar xmlHttp;function createXMLHttpRequest(){if (window.ActiveXO...
  • xtuwz
  • xtuwz
  • 2007年07月06日 13:51
  • 707

利用Microsoft.XMLHTTP定制页面无刷新自动检索提示信息

页面脚本:var guid = "null";function CheckMessage(){    var obj = guid;     var nn = Math.floor( Math.ran...
  • jinru2560
  • jinru2560
  • 2006年10月25日 15:18
  • 1146

利用Microsoft.XMLHTTP定制页面无刷新自动检索提示信息

页面脚本:var guid = "null";function CheckMessage(){    var obj = guid;     var nn = Math.floor( Math.ran...
  • xiaoxiaohai123
  • xiaoxiaohai123
  • 2007年07月17日 18:43
  • 633

用JQuery上传插件Uploadify实现带进度条无刷新多文件上传

Uploadify 是一个非常好的jQuery文件上传插件,可以实现无刷新多文件上传,带进度显示,基于Flash与Ajax技术。我在Firefox 4.0.1 和 IE 9.0.8112 浏览器中使用...
  • XinYaping
  • XinYaping
  • 2011年05月11日 11:50
  • 10854

【J2EE】ajax实现页面无刷新完成crud操作

0.首先还是按照惯例,上效果图(no picture, no …) 可以看到使用ajax异步的方式去做crud操作时,整个页面是没有刷新的(参考左上角的刷新按钮),这种体验更像是C/S架构1.A...
  • xiaoping0915
  • xiaoping0915
  • 2017年03月02日 22:49
  • 1780

利用Microsoft.XMLHTTP和Microsoft.XMLDOM实现xml文件的读取

var HTML = ""; var space = ""; var blank = ""; function getSubject() {  var xmlDoc;  if(window.Activ...
  • luo_yifan
  • luo_yifan
  • 2010年08月21日 22:32
  • 2214

Java servlet+Ajax 用户管理(完全无刷新增删改查及分页)

初入职场,在这程序员一抓一大把的时代,要生存,就要什么都要学一点,什么都要会一点。在java世界里目前充斥着各种框架,struts,spring……但究其根本还是离不开servlet,故鄙人从java...
  • Dynastqin
  • Dynastqin
  • 2012年12月25日 15:35
  • 6093

通过JQuery调用MVC的Controller方法来实现无刷新操作

和上次(第一次)写博文过了很久,期间有几次想写,也有几次感觉不错的心得体会,但是还是没找到静下来的时间。再有想法写博文的时候,已经毕业了。呵呵,闲话不说了。还是直奔主题吧。   公司准备开发一个...
  • jsjpanxiaoyu
  • jsjpanxiaoyu
  • 2015年01月21日 00:02
  • 1287

Jquery+ajax+PHP 基于thinkPHP的无刷新分页

功能描述:以带着参数的形式加载Listinfo页面,形如: http://无法访问的链接/index.php?g=Baoliao&m=Index&a=listinfo&id=1 或者是: htt...
  • CSDN_GOON
  • CSDN_GOON
  • 2015年12月28日 18:06
  • 2553

ajax无刷新更新表格内容

系统名称 版本号 1 ...
  • hjt321658
  • hjt321658
  • 2014年03月14日 13:37
  • 1111
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:利用Microsoft.XMLHTTP实现无刷新查询
举报原因:
原因补充:

(最多只允许输入30个字)