AJAX 数据响应 - 如何解析 html

AJAX data response - how to parse html

本文关键字:何解析 html 数据 响应 AJAX      更新时间:2023-09-26

我的 AJAX 请求中有这样的响应:

    <!DOCTYPE html>
    <html>
    <head>
    <title>AJAX request</title>
    <style type="text/CSS">
    * {
    font-family:Courier New;
    }
    </style>
    </head>
    <body>
    1
    </body>
    </html>

但在

    $.ajax({
    ...
    complete:function(data){
    // data has only <title>AJAX request</title><style type="text/CSS">* {font-family:Courier New;} </style> 1
    }
    ...
    });

我无法解析它,我怎样才能从中获取 1 个值?我做错了什么?我没有获得所有 html 标签,只有标题、样式和正文内容。我该如何解决它?

不需要通过 AJAX 发送完整的 HTML,而只需要修改现有 DOM 所需的数据,因为在回调函数完成后响应会立即被删除。

因此,如果您只需要该值(在本例中为 1),则只能发送它,因此 AJAX 调用的完整响应只需:

1

然后你的data变量的值当然是 1。

您还可以使用 JSON(尤其是要发送更多数据时),例如:

{
  "value": 1,
  "somethingElse": "some value here"
}

等。