使用XML实现页面的局部刷新

原创 2004年08月11日 17:00:00

test.asp





function RemoveAll(ListBox)
{
?if (ListBox == null)
??return;
?ListBox.selectedIndex = -1;
?var iListBoxLength = ListBox.options.length;
?for (var i = 0; i < iListBoxLength; i++)
??ListBox.options.remove(0);
}

function GetStates(Country)
{
?var szRequest = "";
?var objHTTP = new ActiveXObject("Microsoft.XMLHTTP");
?var szURL = "states.asp";
?var szHttpMethod = "POST";
?objHTTP.Open(szHttpMethod, szURL, false);
?objHTTP.SetRequestHeader("Content-Type", "application/x-www-form-urlencoded");
?objHTTP.Send(szRequest);

?var szReply = objHTTP.ResponseText;
?if (objHTTP.status != 200)
?{
??//failure
??szReply = "";
?}
?return szReply;
}

function DisplayStates(StatesList, Country)
{
?if (StatesList == null)
??return;
?StatesList.selectedIndex = -1;

?RemoveAll(StatesList)
?var xmlStates = GetStates(Country);
?var objXmlDom = new ActiveXObject("Microsoft.XMLDOM");
?if (!objXmlDom.loadXML(xmlStates))
?{
???? var sErr = "Response XML String is messed up/n" + xmlStates;
??alert(sErr);
?}
?else
?{
??var nodes = objXmlDom.selectNodes("/Response/State");
??for (var i = 0; i < nodes.length; i++)
??{
???var objOption = document.createElement("option");
???objOption.text = nodes[i].text;
???objOption.value = nodes[i].text;
???StatesList.add(objOption);
??}
?}
}

function Display(Obj)
{
? alert(Obj.options[Obj.selectedIndex].value);
? alert(Obj.options[Obj.selectedIndex].text);
}







Type:



title:





states.asp

<%@ Language=JScript %>
<% Response.Expires=0; %>

<%
function ProcessRequest()
{
?var objXmlDOM = Server.CreateObject("Microsoft.XMLDOM");
?var szXmlRequest = Request.Form;
?//Response.Write(szXmlRequest);
?//alert(szXmlRequest);
?if (!objXmlDOM.loadXML(szXmlRequest))
?{
??var sErrMsg = "Invalid XML Request String" + szXmlRequest;
??Response.Write(sErrMsg);
??return;
?}
?var objRoot = objXmlDOM.selectSingleNode("/RequestStates");
?if (objRoot == null)
?{
??var sErrMsg = "Invalid XML Request String(RequestStates node not found)" + szXmlRequest;
??Response.Write(sErrMsg);
??return;
?}
?var Country = objRoot.getAttribute("Country");
?if ((Country == null) || (Country == ""))
?{
??var sErrMsg = "No Country specified" + szXmlRequest;
??Response.Write(sErrMsg);
??return;
?}
?var responseXML="";
??? var Conn = Server.CreateObject("Adodb.Connection");
?Conn.Open("driver={SQL Server};server=(local);database=pubs;uid=sa;pwd=;");
//?var Rs = Server.CreateObject("Adodb.RecordSet");
//?var sqlstr = "select title_id from titles where type='"+Country+"'";
?var rs = Conn.Execute("select title_id from titles where type='"+Country+"'");
?while(! rs.EOF) {
???? responseXML += ""+rs("title_id")+"";??
???? rs.MoveNext();
?}
?rs.Close();
?Conn.Close();
?responseXML +=""
?Response.Write(responseXML);
?objXmlDOM = null;
}

ProcessRequest();
%>

利用XML不离开页面刷新数据

利用XML不离开页面刷新数据作者:yestar2000 来源:不详 加入时间:2004-6-29 浏览次数:   开门见山,不离开页面就能刷新页面中的(部分)数据好处多多。主要是不需要写无聊代码维护 ...
  • bjbs_270
  • bjbs_270
  • 2004年10月19日 15:39
  • 1747

jquery实现页面局部刷新

http://evan0625.iteye.com/blog/617004 后台管理中总是使用frameset进行分成部分进行管理,但是感觉很不好用,尤其是页面间调转还要判断window.pare...
  • luofeixiongsix
  • luofeixiongsix
  • 2015年11月19日 12:17
  • 3024

实现web页面局部动态刷新

在浏览网页时,有时往往因为查看局部信息,而导致整个网页都需要从服务器端重新加载一次。在传统的web实现方式中,实现类似的效果必须进行整个页面的刷新。但是借助Ajax技术,可以实现对页面中局部区域的动态...
  • qingfeng812
  • qingfeng812
  • 2013年11月05日 11:39
  • 2234

菜鸟解决“子页面关闭刷新父页面局部”问题的历程

引子       昨天晚上做一个项目,遇到的一个问题,这个项目是一个在线考试系统,新建一份试卷的页面,要添加一些试题策略。点击添加试题策略,弹出添加策略的页面,策略编辑好之后提交,添加策略页关闭...
  • hr541659660
  • hr541659660
  • 2016年01月08日 14:53
  • 2756

Js控制页面刷新(局部刷新&全页面刷新)

$.get方法,$.post方法,$.getJson方法,$.ajax方法如下 前两种使用方法基本上一样 $.get(”Default.php”, {id:”1″, page: “2″ }, fu...
  • luckymaoyy
  • luckymaoyy
  • 2016年12月09日 15:36
  • 1785

JS AJAX实现页面局部刷新~~~~

http://apps.hi.baidu.com/share/detail/34363149 AJAX大家耳濡目染,它是个非常强大的东西。今天我就在这里写一些比较实在的东西,希望能够帮助到一些人...
  • IT_LOSER
  • IT_LOSER
  • 2016年11月10日 09:56
  • 4412

前端jquery 后端 thinkphp 实现局部刷新

本例  用jquery 实现 通过把一个标签的变量传递给后台处理后,然后返回给前台另外一个变量 大致流程是这样的:前端编写html代码 ,加入要局部刷新的 jquery代码并指定要响应的url, ...
  • liumeng305
  • liumeng305
  • 2014年08月26日 09:23
  • 1761

利用ajax和JSP技术实现网页中表单的局部刷新(只刷新表单数据,而不刷新整个页面)

在web开发中有时有局部刷新的需求,这样做的好处是克服了页面整体刷新对网络速度受限的情况。 1.MySQL数据表如下(简单举例): 表名:stu_info stuId               ...
  • Hadas_Wang
  • Hadas_Wang
  • 2015年08月12日 14:48
  • 5502

分页处理,使用ajax局部刷新列表

第一个jsp页面加载初始资源 第二个jsp页面处理分页 分页展示简历列表 第一个jsp页面加载初始资源,并且页面一加载请求服务端加载第一页数据 ...
  • qq_35661734
  • qq_35661734
  • 2016年09月19日 16:48
  • 3096

jsp实现局部刷新的一种方法

废话不多少,直接上代码:  如下:当点击停用按钮后,前一列启用状态,改为 停用  操作列的停用改为启用。   我要说的是其中一种实现方法是替换文本的方式:   jsp页面代码为: 停用 启用 ...
  • lovebosom
  • lovebosom
  • 2016年06月30日 15:32
  • 7180
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用XML实现页面的局部刷新
举报原因:
原因补充:

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