ajax是一種常用的前端技術(shù)，可以實現(xiàn)網(wǎng)頁的異步加載和數(shù)據(jù)交互。通常情況下，ajax請求返回的是一個對象，但有時候我們需要同時返回多個對象。本文將介紹如何通過ajax返回兩個對象，并通過舉例加以說明。
在實際的開發(fā)中，我們經(jīng)常會遇到需要同時獲取多個對象的情況。比如在一個電商網(wǎng)站中，我們要獲取用戶的購物車信息和優(yōu)惠券信息，然后將這兩個信息顯示在頁面上。這時就需要使用ajax返回兩個對象。
下面是一個簡單的例子，假設(shè)我們有一個接口可以分別返回購物車信息和優(yōu)惠券信息：
```javascript
function getCartInfo() {
// 獲取購物車信息的ajax請求
}
function getCouponInfo() {
// 獲取優(yōu)惠券信息的ajax請求
}
```
首先，我們可以使用jQuery的`$.when()`方法來同時發(fā)起兩個ajax請求，然后在兩個請求都完成后執(zhí)行一些操作。具體代碼如下：
```javascript
$.when(getCartInfo(), getCouponInfo()).done(function(cartInfo, couponInfo) {
// 在這里處理返回的兩個對象
});
```
`$.when()`方法接受任意個參數(shù)，這些參數(shù)都是ajax請求對象（也就是調(diào)用ajax請求返回的對象）。`done()`方法用來指定當(dāng)所有ajax請求都完成后執(zhí)行的回調(diào)函數(shù)。
在回調(diào)函數(shù)中，我們可以通過`cartInfo`和`couponInfo`參數(shù)來獲取返回的兩個對象。這兩個參數(shù)的順序和`$.when()`方法中參數(shù)的順序一致。假設(shè)購物車信息是一個JSON對象，優(yōu)惠券信息是一個字符串，我們可以這樣處理：
```javascript
$.when(getCartInfo(), getCouponInfo()).done(function(cartInfo, couponInfo) {
var cart = cartInfo[0];
var coupon = couponInfo[0];
// 在這里使用購物車信息和優(yōu)惠券信息
// ...
});
```
在上面的代碼中，`cartInfo`和`couponInfo`都是包含返回結(jié)果的數(shù)組，第一個元素是返回的對象。通過索引獲取對象后，我們就可以進(jìn)一步處理這兩個對象。
舉一個更具體的例子，比如購物車信息是一個包含了商品列表的對象，優(yōu)惠券信息是一個字符串，我們可以這樣使用這兩個對象：
```javascript
$.when(getCartInfo(), getCouponInfo()).done(function(cartInfo, couponInfo) {
var cart = cartInfo[0];
var coupon = couponInfo[0];
// 顯示購物車信息
var cartList = cart.goodsList;
var cartHtml = '';
for (var i = 0; i< cartList.length; i++) {
cartHtml += '
' + cartList[i].name + '
';
}
$('#cart-info').html(cartHtml);
// 顯示優(yōu)惠券信息
$('#coupon-info').text(coupon);
});
```
在上面的例子中，我們分別從購物車對象中提取出商品列表，并將其顯示在頁面上。優(yōu)惠券信息直接顯示在頁面上的一個元素中。
總結(jié)：
本文介紹了如何通過ajax請求返回兩個對象。我們可以使用`$.when()`方法同時發(fā)起多個ajax請求，并在所有請求都完成后執(zhí)行一些操作。通過在回調(diào)函數(shù)中獲取返回的對象，我們可以進(jìn)一步對這些對象進(jìn)行處理，比如顯示在頁面上。這在實際的開發(fā)中非常常見，希望對大家有所幫助。