batch 請求的回覆：

![](https://img-blog.csdnimg.cn/img_convert/2d67aa47f601a48b72847e690f6abb45.png)

使用合適的 handler 解析：

![](https://img-blog.csdnimg.cn/img_convert/b8010393711c9d55748ba7dcf4ca2d4e.png)

該 handler accept 欄位：`multipart/mixed`

![](https://img-blog.csdnimg.cn/img_convert/019982c0c2b4d213b9ab1244f0b3aa8e.png)

首先根據響應欄位，獲取 content-type：
![](https://img-blog.csdnimg.cn/img_convert/f333b265ec7a0a359b2406366d6febe9.png)

content-type 欄位，透過`;`分隔：
![](https://img-blog.csdnimg.cn/img_convert/0a0c6d830ca0d4d26b0899a5f9cb6c74.png)

media type：multipart/mixed
![](https://img-blog.csdnimg.cn/img_convert/843333f2488e67bb1af5eb37732b6668.png)

返回一個 JSON 物件，包含 mediaType 和 boundary 屬性：

![](https://img-blog.csdnimg.cn/img_convert/153370124651fa129615c5e92714cbe2.png)

batch 請求的處理器是 `batchParser`:

![](https://img-blog.csdnimg.cn/img_convert/6dbe7ad2edd7734b19ebde943df24af4.png)

執行下一行 readBatch 方法：
![](https://img-blog.csdnimg.cn/img_convert/a18f6ada6093b457be64db4ebc9332d1.png)

boundary 的一個例子：`batchresponse_16aba97e-4311-41a4-8c64-302727d1d02e`
readBatch 的具體處理邏輯還是，基於字串匹配，即使用 indexOf 查詢 boundary 字串：

![](https://img-blog.csdnimg.cn/img_convert/f25fa4d2454b4447dc7ab909b9dceb9d.png)

readline 的實現就是讀取單行：
![](https://img-blog.csdnimg.cn/img_convert/ce24025707297589a80a14d5bc2723f3.png)

batch 第一個 part 的頭部欄位被讀取了出來：

![](https://img-blog.csdnimg.cn/img_convert/31901541b24d4a7deeb8cea8a1e28e6e.png)

![](https://img-blog.csdnimg.cn/img_convert/1134fd28374b6dbb361a50f2c61344c8.png)

media type 必須和硬編碼的值一致：`application/http`

![](https://img-blog.csdnimg.cn/img_convert/b52d1fae4c43f6707dacaa320523613a.png)

![](https://img-blog.csdnimg.cn/img_convert/d5fe5642571ca61ead40b7909f826663.png)

batch 包含的第一個請求 count 的資料已經讀取成功了：
![](https://img-blog.csdnimg.cn/img_convert/1453b2d5f5cd63ac6d9c3581df56e44a.png)

已經讀取成功了，還要 dispatch：
![](https://img-blog.csdnimg.cn/img_convert/bd52caa85918809140a221a1d656b6ea.png)

count 的 media-type 是 text/plain:

![](https://img-blog.csdnimg.cn/img_convert/10af52485767e5eb3066a327d10f0fe4.png)

return false 了，response 的 body 有值，data 為 undefined：
![](https://img-blog.csdnimg.cn/img_convert/1e5e21a1e7cc05757cd991732fea8357.png)

有4個可用的 handler：
![](https://img-blog.csdnimg.cn/img_convert/0cdd18b7c32dc740778aa6c032301dcb.png)

text/plain 負責讀取 response.body.

textParser 的邏輯最簡單，直接返回 body 欄位給 response.data：

![](https://img-blog.csdnimg.cn/img_convert/8b966047f1fc4daa8f9a288fee388805.png)

讀取第二個 part：
![](https://img-blog.csdnimg.cn/img_convert/ba63de4263da9b60ea014884b1165557.png)

這個 part 的 content-type 為 json，因此使用 json handler：
![](https://img-blog.csdnimg.cn/img_convert/f0fb296cf8082fb238f08cdae9205530.png)

![](https://img-blog.csdnimg.cn/img_convert/517eef17b9c8451e2e68ca4008bd78d0.png)

```javascript
if (handlerAccepts(handler, cType)) {
            var readContext = createReadWriteContext(cType, version, context, handler);
            readContext.response = response;
            response.data = parseCallback(handler, body, readContext);
            return response.data !== undefined;
        }
```

上述程式碼的語義是，只有當一個 handler 透過了函式 `handlerAccepts` 的過濾之後，才能呼叫 parseCallback，將解析的結果，傳遞給 `response.data`.

json handler 使用 JSON.parse 原生 API 進行 json 資料的序列化操作。

![](https://img-blog.csdnimg.cn/img_convert/c9f7bdd80a29c5c6ac51cdd7d0646a2b.png)

序列化成功的 json 資料：
![](https://img-blog.csdnimg.cn/img_convert/dcdd46cc04383fe629d4417452e2e942.png)

最後返回的 response 是一個陣列：
![](https://img-blog.csdnimg.cn/img_convert/4dffbe0d8a0112012b779783a77d830a.png)

呼叫最外層的 success handler：
![](https://img-blog.csdnimg.cn/img_convert/3d6e246b18177217322cd0facd8158d6.png)

batch 請求的回撥函式，在函式 `_submitBatchRequest` 內部：
![](https://img-blog.csdnimg.cn/img_convert/89374ceb5c62c1b90aa7b9c3176b8338.png)

SAP UI5 batch 請求的響應解析流程分析

相關文章