溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Servlet返回?cái)?shù)據(jù)js解析的方法有哪些

發(fā)布時(shí)間：2021-08-03 09:34:46 來源：億速云 閱讀：261 作者：小新 欄目：web開發(fā)

小編給大家分享一下Servlet返回?cái)?shù)據(jù)js解析的方法有哪些，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

方式1：Json

接收函數(shù)：ajax.responseText后面沒括號(hào)

其實(shí)在之前所說的ajax中還遺留了一些問題就是，Servlet返回給js的數(shù)據(jù)是如何被js解析的呢？

之前只是發(fā)送了一句話，所以他就以html的格式進(jìn)行解析就成功了，但是在實(shí)際中我們往往發(fā)送的數(shù)據(jù)是存在一個(gè)對(duì)象當(dāng)中的又或者是一組對(duì)象當(dāng)中的，我們應(yīng)該如何發(fā)送呢？

json：js當(dāng)中有一種有一種結(jié)構(gòu)就是json，說白了就是鍵值對(duì)。

例如下面的：

{ "firstName":"John" , "lastName":"Doe" }

我們可以在Servlet將屬性與值進(jìn)行拼接，得到j(luò)son格式的字符串，這樣js中就能以這樣的格式進(jìn)行數(shù)據(jù)的解析了。

類似于下面這樣：

resp.getWriter().write("{name:"+u.getHeroName()+ 
                ",lifenum:"+u.getLifeNum()+
                ",type:"+u.getType()+
                ",desc:"+u.getDesc()
        +"}")

但是對(duì)于懶癌來說這樣的方式是極不友好的，所以就要說到強(qiáng)大的jar包了。

有一款名為gson的jar包可以幫你完成拼接的工作

對(duì)于使用就是你直接將對(duì)象丟進(jìn)去就好，它會(huì)自動(dòng)幫你轉(zhuǎn)為json格式。

然后又有問題來了，json的數(shù)據(jù)給js有什么用，我們一般操縱的是對(duì)象呀！

別慌，eval幫你解決

Servlet返回?cái)?shù)據(jù)js解析的方法有哪些

方式2：XML進(jìn)行解析

接收函數(shù)：ajax.responseXML后面沒括號(hào)

可以將用戶數(shù)據(jù)以Xml進(jìn)行發(fā)送然后js也以xml格式解析

用戶數(shù)據(jù)的xml可以寫在jsp中，然后js的跳轉(zhuǎn)（open函數(shù)）就不用跳轉(zhuǎn)到Servlet中而是jsp中找用戶數(shù)據(jù)

用戶數(shù)據(jù)jsp：

<%@ page language="java" contentType="text/xml; charset=utf-8"%>
<user>
  <name>李四</name>
  <pwd>123</pwd>
</user>

ajax接收數(shù)據(jù)jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
  pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
  function getXML(){
    //創(chuàng)建ajax引擎對(duì)象
      var ajax;
      if(window.XMLHttpRequest){//火狐
        ajax=new XMLHttpRequest();
      }else if(window.ActiveXObject){//ie
        ajax=new ActiveXObject("Msxml2.XMLHTTP");
      }
    //復(fù)寫onreadystatechange
      ajax.onreadystatechange=function(){
        //判斷Ajax狀態(tài)嗎
        if(ajax.readyState==4){
          //判斷響應(yīng)狀態(tài)嗎
          if(ajax.status==200){
            //獲取響應(yīng)內(nèi)容
            var doc=ajax.responseXML;
            //處理響應(yīng)內(nèi)容
              //獲取元素對(duì)象
              alert(doc.getElementsByTagName("name")[0].innerHTML);
          }
        }
      }
    //發(fā)送請(qǐng)求
      ajax.open("get","xml.jsp",true);
      ajax.send(null);
  }


</script>
</head>
<body>
  <h4>XML數(shù)據(jù)格式學(xué)習(xí)</h4>
  <hr>
  <input type="button" value="測(cè)試XML" onclick="getXML()" />
  
  
  
</body>
</html>

但是這種方式?jīng)]有json好，所以推薦用json方式進(jìn)行進(jìn)行解析會(huì)更好一點(diǎn)。

看完了這篇文章，相信你對(duì)“Servlet返回?cái)?shù)據(jù)js解析的方法有哪些”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手