Как извлечь данные из responseText AJAX? - PullRequest
Новая
       22

Как извлечь данные из responseText AJAX?

1 голос
/ 04 февраля 2012

Когда я использую responseText, я получаю все данные. От <HTML> до </HTML>. Как мне извлечь конкретные его части? Например, у меня есть этот код: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Tester</title>
    </head>

    <body>

        <table>
            <tr>
                <td><a name="Name"></a>Name</td>
                <td>John</td>
            </tr>
            <tr>
                <td><a name="Email"></a>Email</td>
                <td>john@aol.com</td>
            </tr>
            <tr>
                <td><a name="Address"></a>Address</td>
                <td>123 Elm Street</td>
            </tr>
            <tr>
                <td><a name="City"></a>City</td>
                <td>Los Angeles</td>
            </tr>
            <tr>
                <td><a name="State"></a>State</td>
                <td>CA</td>
            </tr>
        </table>

    </body>
</html>

И тогда мне нужно просто извлечь, как часть города Лос-Анджелес . Как бы я поступил так? Я не могу сделать responseText.getElementByTagName или что-нибудь подобное.

Вот вызов AJAX: 

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    var pageContents = xmlhttp.responseText;
    document.getElementById("myDiv").innerText = pageContents;

    }
  }
xmlhttp.open("GET","content.html",false);
xmlhttp.send();

Ответы [ 2 ]

1 голос
/ 04 февраля 2012

Для решения на чистом JavaScript попробуйте (не проверено): 

var city = responseXML.getElementsByName('City').parentNode.nextElementSibling.childNodes[0].getAttribute('textContent');

Тем не менее, библиотека JavaScript, такая как jQuery, для выполнения тяжелой работы делает ваш код намного легче для чтения (такжекак кросс-браузер дружественный).

0 голосов
/ 04 февраля 2012

jQuery называет это (вроде) просто:

alert($('table').find('tr').eq(3).find('td').eq(1).html()) ---> Лос-Анджелес

...