const fetchPromise = fetch('https://mdn.github.io/learning-area/javascript/apis/fetching-data/can-store/products.json'); console.log(fetchPromise); fetchPromise.then( response => { console.log(`已收到响应:${response.status}`); }); console.log("已发送请求……");
时间: 2024-03-28 10:37:06 浏览: 123
js代码-promise测试
这段代码使用了 Fetch API 来获取一个 JSON 文件。首先,它通过调用 fetch() 函数创建了一个 Promise 对象 fetchPromise,该对象表示了异步操作的状态和结果。fetch() 函数接受一个 URL 参数,用于指定要获取的资源的位置。在这个例子中,我们要获取一个名为 products.json 的 JSON 文件。
然后,代码调用 console.log() 函数来输出 fetchPromise 对象。这会打印出一个 Promise 对象,它的状态为“pending”(即等待中),因为请求还没有完成。
接下来,代码通过调用 fetchPromise.then() 函数来注册一个回调函数,用于处理请求的响应结果。当请求完成并且服务器返回响应时,回调函数会被调用。回调函数接收一个 Response 对象作为参数,我们可以通过该对象的属性和方法来获取响应的状态码、响应头、响应体等信息。在这个例子中,我们只是简单地输出了响应的状态码。
最后,代码调用 console.log() 函数来输出一条消息,表示请求已经发送。注意,这条消息会先于响应状态码输出,因为 fetch() 函数是异步执行的,它会在后台向服务器发送请求,而不会阻塞代码的执行。
阅读全文