XMLHttpRequest 对象和Referer复习

在Web开发中，XMLHttpRequest对象用于在后台与服务器交换数据。Referer是一个HTTP头部，表示请求资源的页面来源。

XMLHttpRequest复习

创建XMLHttpRequest对象的方法：

// 标准的方式
var xhr = new XMLHttpRequest();
 
// 兼容IE的方式
var xhr = new ActiveXObject("Microsoft.XMLHTTP");

使用XMLHttpRequest发送请求的基本步骤：

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 打开请求，指定方法和URL
xhr.open('GET', 'http://example.com/data.json', true);
 
// 设置请求完成的处理函数
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 请求成功，处理响应数据
        var response = xhr.responseText;
        console.log(response);
    }
};
 
// 发送请求
xhr.send();

Referer复习

Referer是一个HTTP请求头部，它包含了当前请求页面的来源页面的地址。服务器可以利用这个信息来进行分析，例如统计图片的点击来源。

设置XMLHttpRequest的Referer头部：

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 打开请求，指定方法和URL
xhr.open('GET', 'http://example.com/data.json', true);
 
// 设置请求的Referer头部
xhr.setRequestHeader('Referer', 'http://yourdomain.com');
 
// 设置请求完成的处理函数
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 请求成功，处理响应数据
        var response = xhr.responseText;
        console.log(response);
    }
};
 
// 发送请求
xhr.send();

以上代码展示了如何创建和使用XMLHttpRequest对象，以及如何设置HTTP请求的Referer头部。