Js获取asp页面返回的值(加载值)实现代码


在JavaScript中直接获取ASP页面返回的值通常涉及异步请求,因为ASP页面是在服务器端执行的,而JavaScript在客户端执行。你可以使用`XMLHttpRequest`(XHR)对象或者更现代的`fetch` API来实现这一功能。

下面,我将分别给出使用`XMLHttpRequest`和`fetch` API的示例代码。

### 使用 `XMLHttpRequest`


function fetchASPData(url, callback) {
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4 && xhr.status == 200) {
            // 当请求成功时,调用回调函数,并将返回的数据作为参数传递
            callback(xhr.responseText);
        }
    };
    xhr.send();
}

// 使用示例
fetchASPData("your_asp_page.asp", function(data) {
    console.log(data); // 在这里处理ASP页面返回的数据
});

### 使用 `fetch` API


function fetchASPDataWithFetch(url) {
    fetch(url)
        .then(response => {
            if (!response.ok) {
                throw new Error('Network response was not ok');
            }
            return response.text(); // 或者使用 response.json() 如果返回的是JSON
        })
        .then(data => {
            console.log(data); // 在这里处理ASP页面返回的数据
        })
        .catch(error => {
            console.error('There was a problem with your fetch operation:', error);
        });
}

// 使用示例
fetchASPDataWithFetch("your_asp_page.asp");

在这两个示例中,你需要将`"your_asp_page.asp"`替换为你的ASP页面的实际URL。

`XMLHttpRequest`是一个较早的技术,但它仍然被广泛支持。而`fetch` API是较新的,它提供了更现代、更强大的特性,比如Promise和更简洁的语法。你可以根据自己的需求和项目环境选择使用哪一个。