如何解析AJAX请求中的HTML?

时间:2013-11-27 00:36:30

标签: javascript jquery html ajax

我目前正在尝试从HTML中的表单中获取值,并通过对URL进行GET请求来获取HTML,然后使用jquery解析该HTML。

以下是我要解析的HTML:

<!doctype html>
<title>Test</title>
<body>

    <form name="guestform">
        <input type="hidden" name="ip" value="198.168.123">
    </form>
</body>

这是我用来获取HTML然后尝试解析它的jquery:

$.ajax({
    type : 'GET',
    url: "http://localhost:8000/test.html",
    success: function(data){
        var form = $(data);
        var ip = $("input[name='ip']").find(form).val();
        alert(ip);
    }

});

2 个答案:

答案 0 :(得分:5)

input元素位于表单元素中,因此您需要调用form.find(.....)

$.ajax({
    type: 'GET',
    url: "http://localhost:8000/test.html",
    success: function (data) {
        var form = $(data);
        var ip = form.find("input[name='ip']").val();
        alert(ip);
    }

});

答案 1 :(得分:5)

您正在搜索主文档以获取输入,然后尝试查找通过其中的Ajax加载的HTML文档。你想扭转这种局面。

$("input[name='ip']").find(form)

应该是

form.find("input[name='ip']")