关于用Ajax操作html页面的问题

Question

function ajaxFunction_back() {
    //创建XHR对象
    //通过Ajax加载页面
    if (xmlHttp.readyState == 4) { // 判断对象状态
        if (xmlHttp.status == 200) { // 信息已经成功返回，开始处理信息
           /* var index_html = xmlHttp.responseText;
            var index_html_s = index_html.toString();
            var tables = index_html_s.split("<div class=\"apps_dh_jclist\" id=\"tagContent0\">")[1].split("</div><div class=\"apps_dh_jclist\" id=\"tagContent1\"")[0];
            tables.split("");
            */
            var index_html = xmlHttp.responseText;
            alert(index_html);
            var index_html_s = index_html.toString();
            alert(index_html_s);
            var divs = index_html.selectNodes("div")
//            alert(divs.length);
//            alert(divs[0].childNodes[0].nodeValue);
        } else {
            alert("您所请求的页面有异常。");
        }
    }
}代码如上面所以，现在的问题是alert(index_html);可以获取到我需要的数据，但是如果把responseText 换成了responseXML的话，返回的是【object】,执行下面的语句之后：var index_html = xmlHttp.responseXML;
index_html.selectNodes("//div");返回的是NULL。我主要是想要获取到所有的div节点的内容，然后在根据div的不同className获取到对应的div里面的数据，请教各位前辈，该怎么样实现我这个需求呢？AjaxJavaScript

Answer 1

感觉楼主的需求直接返回一个json数组就可以了

Answer 2

请参考我的基于spring,security,struts的开源项目
http://blog.csdn.net/shadowsick

Answer 3

什么意思？className和div的内容弄成json对象不是可以吗

Answer 4

{"name1":div1,"name2":div2}这样可以吗

Answer 5

可以是可以，可是我需要用一个循环把div里面里面的一些数据提取出来，如果是转成json数组的话，维数太多了，而且正则不好写，这样吧，给你看我的div里面的数据，你看看有没有什么办法能提取出来<div class="apps_dh_jclist" id="tagContent0" style="display: block;">
        <table>
            <tbody>
                <tr>
                    <td class="apps_tr_img">
                        <a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryFilmsByCity?do=xq&amp;filmPK=20130131051347651011&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="致我们终将逝去的青春">
                            <img src="http://images.wandafilm.com/uploadServer/resource/images/2013/01/20130131171401067441.jpg"
                                alt="致我们终将逝去的青春"></a>
                    </td>
                    <td class="apps_tr_right">
                        <div class="apps_title">
                            <a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryFilmsByCity?do=xq&amp;filmPK=20130131051347651011&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="致我们终将逝去的青春">致我们终将逝去的青春</a></div>
                        <div>
                            <font>导演：</font>赵又廷 /韩庚 /杨子珊 /江疏影 /张瑶</div>
                        <div>
                            <font>类型：</font>剧情/爱情</div>
                        <div>
                            <font>票价：</font>2D票&nbsp;<span class="apps_money">48</span>元/张&nbsp;&nbsp;&nbsp;&nbsp;3D票&nbsp;<span
                                class="apps_money">60</span>元/张</div>
                        <div>
                            <a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryShowsByFilmID?do=dycc&amp;filmPK=20130131051347651011&amp;filmName=%E8%87%B4%E6%88%91%E4%BB%AC%E7%BB%88%E5%B0%86%E9%80%9D%E5%8E%BB%E7%9A%84%E9%9D%92%E6%98%A5&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="点击购票">
                                <img src="/wap/m.do?action=getimg@wap&amp;appid=
WDXUBB&amp;img=
img/gp.png" class="img_gp"></a>&nbsp;&nbsp;&nbsp;<a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryFilmsByCity?do=xq&amp;filmPK=20130131051347651011&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="点击查看详情"><img src="/wap/m.do?action=getimg@wap&amp;appid=
WDXUBB&amp;img=
img/ypxq.png" class="img_gp"></a></div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table>
            <tbody>
                <tr>
                    <td class="apps_tr_img">
                        <a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryFilmsByCity?do=xq&amp;filmPK=20130315030602367113&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="疯狂原始人">
                            <img src="http://images.wandafilm.com/uploadServer/resource/images/2013/04/20130411093620592337.jpg"
                                alt="疯狂原始人"></a>
                    </td>
                    <td class="apps_tr_right">
                        <div class="apps_title">
                            <a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryFilmsByCity?do=xq&amp;filmPK=20130315030602367113&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="疯狂原始人">疯狂原始人</a></div>
                        <div>
                            <font>导演：</font>尼古拉斯．凯奇 /瑞恩．雷诺兹 /艾玛．斯通 /凯瑟琳．基纳</div>
                        <div>
                            <font>类型：</font>动画/冒险/喜剧</div>
                        <div>
                            <font>票价：</font>2D票&nbsp;<span class="apps_money">48</span>元/张&nbsp;&nbsp;&nbsp;&nbsp;3D票&nbsp;<span
                                class="apps_money">60</span>元/张</div>
                        <div>
                            <a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryShowsByFilmID?do=dycc&amp;filmPK=20130315030602367113&amp;filmName=%E7%96%AF%E7%8B%82%E5%8E%9F%E5%A7%8B%E4%BA%BA&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="点击购票">
                                <img src="/wap/m.do?action=getimg@wap&amp;appid=
WDXUBB&amp;img=
img/gp.png" class="img_gp"></a>&nbsp;&nbsp;&nbsp;<a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryFilmsByCity?do=xq&amp;filmPK=20130315030602367113&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="点击查看详情"><img src="/wap/m.do?action=getimg@wap&amp;appid=
WDXUBB&amp;img=
img/ypxq.png" class="img_gp"></a></div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table>
            <tbody>
                <tr>
                    <td class="apps_tr_img">
                        <a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryFilmsByCity?do=xq&amp;filmPK=20130225045840349332&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="钢铁侠3">
                            <img src="http://images.wandafilm.com/uploadServer/resource/images/2013/03/20130325143421116901.jpg"
                                alt="钢铁侠3"></a>
                    </td>
                    <td class="apps_tr_right">
                        <div class="apps_title">
                            <a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryFilmsByCity?do=xq&amp;filmPK=20130225045840349332&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="钢铁侠3">钢铁侠3</a></div>
                        <div>
                            <font>导演：</font>小罗伯特．唐尼 /格温妮斯．帕特洛 /盖．皮尔斯 /本．金斯利 /王学圻 /范冰冰</div>
                        <div>
                            <font>类型：</font>动作/科幻</div>
                        <div>
                            <font>票价：</font>2D票&nbsp;<span class="apps_money">48</span>元/张&nbsp;&nbsp;&nbsp;&nbsp;3D票&nbsp;<span
                                class="apps_money">60</span>元/张</div>
                        <div>
                            <a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryShowsByFilmID?do=dycc&amp;filmPK=20130225045840349332&amp;filmName=%E9%92%A2%E9%93%81%E4%BE%A03&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="点击购票">
                                <img src="/wap/m.do?action=getimg@wap&amp;appid=
WDXUBB&amp;img=
img/gp.png" class="img_gp"></a>&nbsp;&nbsp;&nbsp;<a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryFilmsByCity?do=xq&amp;filmPK=20130225045840349332&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="点击查看详情"><img src="/wap/m.do?action=getimg@wap&amp;appid=
WDXUBB&amp;img=
img/ypxq.png" class="img_gp"></a></div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table>
            <tbody>
                <tr>
                    <td class="apps_tr_img">
                        <a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryFilmsByCity?do=xq&amp;filmPK=20130328031641256337&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="遗落战境">
                            <img src="http://images.wandafilm.com/uploadServer/resource/images/2013/04/20130428100509669522.jpg"
                                alt="遗落战境"></a>
                    </td>
                    <td class="apps_tr_right">
                        <div class="apps_title">
                            <a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryFilmsByCity?do=xq&amp;filmPK=20130328031641256337&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="遗落战境">遗落战境</a></div>
                        <div>
                            <font>导演：</font>汤姆．克鲁斯 /摩根．弗里曼 /欧嘉．柯瑞兰寇 /尼可拉．科斯特-瓦尔道 /佐伊．贝尔</div>
                        <div>
                            <font>类型：</font>动作/科幻/冒险</div>
                        <div>
                            <font>票价：</font>2D票&nbsp;<span class="apps_money">48</span>元/张&nbsp;&nbsp;&nbsp;&nbsp;3D票&nbsp;<span
                                class="apps_money">60</span>元/张</div>
                        <div>
                            <a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryShowsByFilmID?do=dycc&amp;filmPK=20130328031641256337&amp;filmName=%E9%81%97%E8%90%BD%E6%88%98%E5%A2%83&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="点击购票">
                                <img src="/wap/m.do?action=getimg@wap&amp;appid=
WDXUBB&amp;img=
img/gp.png" class="img_gp"></a>&nbsp;&nbsp;&nbsp;<a href="/wap/m.do
?action=bs-transfer@mdp&amp;url=http://127.0.0.1:8089/mipWpwOrJcw-gxwxcs/WdQueryFilmsByCity?do=xq&amp;filmPK=20130328031641256337&amp;_MSC_CMD_=QRY&amp;appid=
WDXUBB&amp;nologin=true
" title="点击查看详情"><img src="/wap/m.do?action=getimg@wap&amp;appid=
WDXUBB&amp;img=
img/ypxq.png" class="img_gp"></a></div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>我需要把里面的图片循环提取出来，里面的链接，和里面的详情内容提取出来，有什么办法吗？大哥

Answer 6

这种事情真的建议用jquery，会方便很多很多很多

Answer 7

我好闲，给你段代码吧，其中content.html就是你上面贴的那个div
<html>
<head>
  <meta charset="UTF-8">
  <script type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  <script>
  $(function(){
$.get('/content.html', function(data){
$.each($(data).find('img'), function(i, img){
$('<li>').text(($(img).attr('alt')?$(img).attr('alt')+" ":"")+$(img).attr('src')).appendTo($('#list'));
});
})
  });
  </script>
</head>
<body>
<ul id="list"></ul>
</body>
</html>