Question

我编写以下代码来访问页面“JQueryPage.aspx”并使用jQuery从中获取数据

<script type="text/javascript">

    $.get
    (
        "JQueryPage.aspx",
        function(data) {
            alert("Data Loaded: " + data);
          } 
    );

</script>

“JQueryPage.aspx”只是一个包含名为'resultsDIV'的DIV的页面，其中包含我想要返回的数据

上面的代码返回包含“JQueryPage.aspx”html的数据变量，我想从中获取DIV内容..
我有两个问题：
1-如何从数据对象中提取DIV内容
2-这种方式是最好的获取数据吗？

Answer 1

尝试使用以下内容：

<script type="text/javascript"> 

    $.get 
    ( 
        "JQueryPage.aspx", function(html) { 
            var page = $(html);
            var div = $('#div1', page);
        }  
    ); 

</script>

您还可以查看$.load函数

Answer 2

只需将数据包装到jquery的调用中，您就可以像平常一样使用它：

$.get
    (
        "JQueryPage.aspx",
        function(data) {
            var dataDom = $(data);
            $(someSelector, dataDom).each(function(){
                alert($(this).html());
            });
          } 
    );

Answer 3

如果JQueryPage.aspx的html标记是有效的xml，则可以使用dom解析器获取所需的div。
这取决于 - 如果你想要的只是通过调用document.appendChild将检索到的html添加到现有DOM，是的。但是如果你需要从检索到的数据中解析和读取值，不，这不是。将数据作为JSON字符串或xml传递。

如何通过JavaScript（JQuery）从HTML对象获取id的元素内容

3 个答案: