ajax获取html源码 ajax请求html文件：示例代码

Ajax是一种用于在不重新加载整个网页的情况下，通过异步请求从服务器获取数据的技术。在网页开发中，我们经常需要获取其他网页的HTML源码来进行处理或展示。通过Ajax可以实现这一功能。

要通过Ajax获取HTML源码，我们可以使用XMLHttpRequest对象来发送HTTP请求。我们需要创建一个XMLHttpRequest对象：

var xhr = new XMLHttpRequest();

接下来，我们需要使用open方法来设置请求的方法和URL。对于获取HTML源码，我们可以使用GET方法，并指定要获取的HTML文件的URL：

xhr.open('GET', 'http://example.com/index.html', true);

在open方法中，第一个参数是请求的方法，第二个参数是请求的URL，第三个参数指定是否采用异步方式发送请求（一般为true）。

然后，我们可以使用onreadystatechange事件来监听请求的状态变化。当请求的状态发生改变时，会触发该事件。我们可以在事件处理函数中获取服务器返回的HTML源码：

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var html = xhr.responseText;
    // 处理获取到的HTML源码
  }
};

在事件处理函数中，我们首先判断请求的状态是否为4（表示请求已完成），并且判断请求的状态码是否为200（表示请求成功）。如果满足这两个条件，说明请求成功，我们可以通过xhr.responseText属性获取服务器返回的HTML源码。

我们需要调用send方法来发送请求：

xhr.send();

完整的示例代码如下：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/index.html', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var html = xhr.responseText;
    // 处理获取到的HTML源码
  }
};
xhr.send();

通过上述代码，我们可以通过Ajax获取指定URL的HTML源码，并在获取成功后进行进一步的处理。