从 Get 请求中获取 div 数据

Question

我有一个小问题，我使用 axios 向我的 React 应用程序向网站发出了 Get 请求，我得到了 html 响应：responseData.data。但是现在我想获取 responseData.data 中特定 div 的内容。例如这个：

    <!DOCTYPE html>
    <html class="devise-layout-html">
    <head prefix="og: http://ogp.me/ns#">  
    </head>

    <body class="ui_charcoal login-page application navless" data-page="sessions:new">

    <div class="tab-content">
    <div class="active login-box tab-pane" id="ldapmain" role="tabpanel">
    <div class="login-body">
    <form id="new_ldap_user" class="gl-show-field-errors" action="/users/auth/ldapmain/callback" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" />
<input type="hidden" name="authenticity_token" value="V8qeuk9QAYk51gorLAobEYGvCMMuyPpuUKXAwtBm2Zw1b1/7BVibiPhRWI7aVrQBa2p+CkKLGCEbQV/UIxZmkA==" /><div class="form-group">
    <label for="username">LDAP Username</label>
    <input type="text" name="username" id="username" class="form-control top" title="This field is required." autofocus="autofocus" required="required" />
    </div>
    <div class="form-group">
    <label for="password">Password</label>
    <input type="password" name="password" id="password" class="form-control bottom" title="This field is required." required="required" />
    </div>
    <div class="remember-me checkbox">
    <label for="remember_me">
    <input type="checkbox" name="remember_me" id="remember_me" value="1" />
    <span>Remember me</span>
    </label>
    </div>
    <input type="submit" name="commit" value="Sign in" class="btn-save btn" />
    </form>
    </div>
    </div>

    </div>

    </body>
    </html>

我想访问此数据：<input type="hidden" name="authenticity_token" value="V8qeuk9QAYk51gorLAobEYGvCMMuyPpuUKXAwtBm2Zw1b1/7BVibiPhRWI7aVrQBa2p+CkKLGCEbQV/UIxZmkA==" />（值）。可能吗？谢谢

Answer 1

尝试Cheerio。类似于 jQuery 但专为服务器设计。

Answer 2

~~您也可以尝试将其解析为 XML。例如使用这个 xml parser~~

编辑：

在您的情况下，从特定标签属性获取值的最快方法是使用正则表达式：例如

/(<input type="hidden" name="authenticity_token")((.|\s|\v)*?)(\/>)/

将允许您从输入中提取 value 属性

const htmlDocumentString = '...<input type="hidden" name="authenticity_token" value="V8qeuk9QAYk51gorLAobEYGvCMMuyPpuUKXAwtBm2Zw1b1/7BVibiPhRWI7aVrQBa2p+CkKLGCEbQV/UIxZmkA==" />...'


const reg = /(<input type="hidden" name="authenticity_token")((.|\s|\v)*?)(\/>)/

// The second group of regex match should contain value="..."
const vAttr = reg.exec(htmlDocumentString)[2]

// Time to extract content of the value attribute. 
// The fastest way by using substring and character indexes like so
const value = vAttr.substring(vAttr.indexOf('"') + 1, vAttr.lastIndexOf('"'))

console.log(value) // [string] "V8qeuk9QAYk51gorLAob..."

从 Get 请求中获取 div 数据

Get div data from Get request

reactjs

react-native

axios