国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學(xué)院 > 開發(fā)設(shè)計(jì) > 正文

WEB中基于XMLHTTP的簡單實(shí)例分析(圖)

2019-11-18 12:48:20
字體:
供稿:網(wǎng)友

  引言
  
  大家都知道可以通過post或者get獲得form表單的數(shù)據(jù),那么我們?nèi)绾螌?shí)現(xiàn)不刷新的提交直接獲得頁面上的數(shù)據(jù)呢?這就要借助xmlhttp協(xié)議了。xmlhttp是xmldom技術(shù)的一部分。
  
  下面的代碼就是一個很簡單的例子,我們利用xmlhttp技術(shù)實(shí)現(xiàn)簡單的用戶登陸。
  
  開始
  
  1.簡單的登錄頁面
  
  login.jsp
  function toServer(){
  var xml = "<root>"+
  "<name>"+document.all('name').value+"</name>"+
  "<pwd>"+document.all('pwd').value+"</pwd>"+
  "</root>";
  
  var XMLSender = new ActiveXObject("Microsoft.XMLHTTP" );
  XMLSender.Open("POST",'do_login.jsp',false);
  XMLSender.send((xml));
  alert(XMLSender.responseText); //可處理后臺返回的結(jié)果
  }
  
  姓名:<input type="text" id="name" /><br>
  密碼:<input type="text" id="pwd" /><br>
  <input type="button" value="登錄" onclick="toServer()">
  
  2.后臺的登錄處理頁面
  do_login.jsp
  
  <%
  //讀取XMLHTTP流
  java.io.BufferedReader br = request.getReader();
  String str = "";
  while (str != null) {
  str = br.readLine();
  PRocess (str); //可通過任何語言實(shí)現(xiàn)解析XML,進(jìn)行業(yè)務(wù)處理
  }
  
  //返回信息
  javax.servlet.ServletOutputStream sos = response.getOutputStream();
  sos.print("login sUCcess" );
  sos.close();
  %>
  
  3.結(jié)果如下:
  
WEB中基于XMLHTTP的簡單實(shí)例分析(圖)

  總結(jié)
  
  與傳統(tǒng)的“提交-回發(fā)-重繪”式的web系統(tǒng)基本運(yùn)行結(jié)構(gòu)不同,我們可以通過通過XMLHTTP實(shí)現(xiàn)無刷新的客戶端直接與服務(wù)器交互,極大的提高用戶的感受度。
  
  查考資料
  
  XMLHTTP方法:
  
  Open bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassWord
  bstrMethod:數(shù)據(jù)傳送方式,即GET或POST。
  bstrUrl:服務(wù)網(wǎng)頁的URL。
  varAsync:是否同步執(zhí)行。缺省為True,即同步執(zhí)行,但只能在DOM中實(shí)施同步執(zhí)行。
  應(yīng)用中一般將其置為False,即異步執(zhí)行。
  bstrUser:用戶名,可省略。
  bstrPassword:用戶口令,可省略。
  
  Send varBody
  varBody:指令集。可以是XML格式數(shù)據(jù),也可以是字符串,流,或者一個無符號整數(shù)數(shù)組。也可以省略,讓指令通過Open方法的URL參數(shù)代入。
  
  setRequestHeader bstrHeader, bstrValue
  bstrHeader:HTTP 頭(header)
  bstrValue:HTTP 頭(header)的值
  假如Open方法定義為POST,可以定義表單方式上傳:
  xmlhttp.setRequestHeader "Content-Type", "application/x-www-form-urlencoded"
  
  XMLHTTP屬性:
  
  onreadystatechange:在同步執(zhí)行方式下獲得返回結(jié)果的事件句柄。只能在DOM中調(diào)用。
  responseBody:結(jié)果返回為無符號整數(shù)數(shù)組。
  responseStream:結(jié)果返回為IStream流。
  responseText :結(jié)果返回為字符串。
  responseXML:結(jié)果返回為XML格式數(shù)據(jù)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 阿城市| 肃宁县| 石城县| 梓潼县| 无锡市| 历史| 炎陵县| 汾阳市| 东平县| 绥宁县| 仪陇县| 黎平县| 津南区| 静海县| 迁西县| 元朗区| 南充市| 台北县| 密山市| 延津县| 布尔津县| 荣昌县| 左云县| 宜宾市| 封丘县| 平潭县| 竹溪县| 卫辉市| 营口市| 扎鲁特旗| 隆尧县| 尼木县| 清水县| 佛冈县| 克拉玛依市| 扶风县| 汉川市| 浙江省| 五河县| 石屏县| 阿克陶县|