response对象

response对象是与响应相关的HttpServletResponse类的一个对象,封装了服务器对客户端的响应,然后被发送到客户端以响应客户请求。

response对象的常用方法
方法名称功能说明
void addHeader(String name,String value)新增HTTP文件头
void sendError(int sc)向客户端传送状态码
void sendError(int sc, String msg)向客户端传送状态码和错误信息
void sendRedirect(String url)将网页定位到一个不同的页面
void setStatus()设定状态码

可以利用sendRedirect(String url)将客户端定位到不同的页面,例:

//将客户端页面定位到login.jsp页面
response.sendRedirect("login.jsp");

当客户端请求服务器端的页面时,这个请求包括HTTP头。同样,服务器对客户端的响应也包括一些文件头。下面使用response对象添加一个HTTP头,并将其设置为3,使客户端每隔3s刷新该页面。

<body>
    <% response.setHeader("refresh","3"); %>
</body>

 

### 处理 HTTP 错误的方式 #### 使用 `response.status` 进行条件判断 通过检查 `response.status` 的值,可以判断响应的状态码是否在正常范围内。一般来说,状态码在 200 - 299 之间表示请求成功。示例代码如下: ```javascript fetch('https://example.com/api/data') .then(response => { if (response.status >= 200 && response.status < 300) { return response.json(); } else { throw new Error(`HTTP error! status: ${response.status}`); } }) .then(data => { console.log(data); }) .catch(error => { console.error('Fetch error:', error); }); ``` #### 封装 `fetch` 请求函数 将 `fetch` 请求封装成一个函数,在函数内部统一处理错误,提高代码复用性。示例代码如下: ```javascript function customFetch(url) { return fetch(url) .then(response => { if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } return response.json(); }); } customFetch('https://example.com/api/data') .then(data => { console.log(data); }) .catch(error => { console.error('Fetch error:', error); }); ``` #### 使用第三方库 使用 `axios` 库,它内部已经对 HTTP 错误进行了封装处理。示例代码如下: ```javascript import axios from 'axios'; axios.get('https://example.com/api/data') .then(response => { console.log(response.data); }) .catch(error => { if (error.response) { console.error('Server responded with an error:', error.response.status); } else if (error.request) { console.error('No response received:', error.request); } else { console.error('Error setting up the request:', error.message); } }); ``` ### 解决 response 对象无法打印的问题 #### 检查响应格式 如果响应不是 JSON 格式,直接调用 `response.json()` 会报错。可以先检查响应的 `Content-Type` 头信息。示例代码如下: ```javascript fetch('https://example.com/api/data') .then(response => { const contentType = response.headers.get('Content-Type'); if (contentType && contentType.includes('application/json')) { return response.json(); } else { return response.text(); } }) .then(data => { console.log(data); }) .catch(error => { console.error('Fetch error:', error); }); ``` #### 处理异步问题 `fetch` 是异步操作,确保在响应返回后再打印。如果在响应还未返回时就尝试打印,可能会得到未定义或不完整的结果。 #### 检查网络请求是否成功 如果网络请求失败,`response` 对象可能不包含预期的数据。可以使用前面提到的错误处理方法,确保请求成功后再处理响应。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值