Könnten Sie bitte das Ergebnis der Anfrage mithilfe der Fetch-API-Bibliothek neu verpacken?

WBOY
Freigeben: 2016-10-11 14:23:44
Original
1257 Leute haben es durchsucht

Hallo zusammen, ich verwende diese Bibliothek https://github.com/dvajs/dva/... Wie kann ich beim Anfordern der restlichen API von yii2 den Header x-pagination-page-count, x-pagination-total-count und andere vom Server zurückgegebene Informationen packen? das Rückgabeergebnis? ?

Der Header der von der aktuellen API zurückgegebenen Informationen enthält bereits die folgenden Informationen

<code>x-pagination-current-page:1
x-pagination-page-count:35
x-pagination-per-page:12
x-pagination-total-count:411</code>
Nach dem Login kopieren
Nach dem Login kopieren

Ich hoffe, die zurückgegebenen Daten neu zu packen, sodass das Datenobjekt eine Liste (das ursprüngliche Rückgabeergebnis), x-Paginierung-Gesamtanzahl, x-Paginierung-Seitenanzahl und andere Informationen der Server-Header-Informationen enthält.

Aber jetzt kann ich nur feststellen, dass das reine REST-Rückgabeergebnis ein Array ist. Ich habe versucht, die Daten in der Anforderungsklasse neu zu kapseln, aber alle Versuche sind fehlgeschlagen, und ich habe keine Lösung gefunden 🎜>

Könnten Sie mir bitte sagen, wie ich es in das Objekt verpacken kann, das ich brauche? Danke!!!

Der Anforderungscode lautet wie folgt:

<code> const {data} = yield call(query, parse(payload));
      if (data) {
        console.log(data); //!!!这里!!!  我希望将这里返回的data 重新包装下,使data对象list, 服务器头信息,x-pagination-total-count,x-pagination-page-count.等信息 
        // 但是现在 我只能获取到, 纯粹的rest返回结果 是个数组. 我尝试在 request类中重新封装数据, 各种尝试都失败了. 各种搜  可能是关键词不对  也没有找到解决办法. 
        yield put({
          type: 'querySuccess',
          payload: {
            list: data.list,
            total: Number(data.total),
            current: Number(data.current),
            pageSize: data.pageSize ? data.pageSize : 12,
          }
        });
      }</code>
Nach dem Login kopieren
Nach dem Login kopieren
Die asynchronen Methoden sind wie folgt:

<code>export async function query(params) {
  return request(`/api/users?${qs.stringify(params)}`);
}</code>
Nach dem Login kopieren
Nach dem Login kopieren
Anfrageklasse ist wie folgt:

<code>import fetch from 'dva/fetch';

function checkStatus(response) {
  if (response.status >= 200 && response.status < 300) {
    //这里是可以读取到这些信息的. 但是我不会重新包装. 
    console.log(response.headers.get('x-pagination-page-count')); //35
    console.log(response.headers.get('x-pagination-total-count')); //411
    return response;
  }
  const error = new Error(response.statusText);
  error.response = response;
  throw error;
}

function parseJSON(response) {

  return response.json();
}
/**
 * Requests a URL, returning a promise.
 *
 * @param  {string} url       The URL we want to request
 * @param  {object} [options] The options we want to pass to "fetch"
 * @return {object}           An object containing either "data" or "err"
 */
export default function request(url, options) {
  return fetch(url, options)
    .then(checkStatus)
    .then(parseJSON)
    .then((data)=>({data}))
    .catch((err) => ({ err }));
}
</code>
Nach dem Login kopieren
Nach dem Login kopieren
Der Rest-Controller von yii2 ist wie folgt:

<code><?php
namespace api\modules\test\controllers;

use yii;
use yii\helpers\ArrayHelper;
class UsersController extends yii\rest\ActiveController
{
    public $modelClass = '\common\models\User';
    public function behaviors() {
        return ArrayHelper::merge(parent::behaviors(), [
            'corsFilter' => [
                'class' => \yii\filters\Cors::className(),
                'cors' => [
                    // restrict access to
                    'Origin' => ['*'],
                    'Access-Control-Request-Method' => ['*'],
                    'Access-Control-Request-Headers' => ['*'],
                    'Access-Control-Allow-Credentials' => true,
                    // Allow OPTIONS caching
                    'Access-Control-Max-Age' => 3600,
                    // Allow the X-Pagination-Current-Page header to be exposed to the browser.
                    'Access-Control-Expose-Headers' => ['X-Pagination-Current-Page'],
                ],
            ],
        ]);
    }

    public function actions()
    {
        $actions = parent::actions();
        // 禁用"delete" 和 "create" 操作
        unset($actions['delete'], $actions['create']);
        return $actions;
    }
}</code>
Nach dem Login kopieren
Antwortinhalt:

Hallo zusammen, ich verwende diese Bibliothek https://github.com/dvajs/dva/... Wie kann ich beim Anfordern der restlichen API von yii2 den Header

und andere vom Server zurückgegebene Informationen packen? das Rückgabeergebnis? ?x-pagination-page-count, x-pagination-total-count

Der Header der von der aktuellen API zurückgegebenen Informationen enthält bereits die folgenden Informationen

<code>x-pagination-current-page:1
x-pagination-page-count:35
x-pagination-per-page:12
x-pagination-total-count:411</code>
Nach dem Login kopieren
Nach dem Login kopieren
Ich hoffe, die zurückgegebenen Daten neu zu packen, sodass das Datenobjekt eine Liste (das ursprüngliche Rückgabeergebnis), x-Paginierung-Gesamtanzahl, x-Paginierung-Seitenanzahl und andere Informationen der Server-Header-Informationen enthält.

Aber jetzt kann ich nur feststellen, dass das reine REST-Rückgabeergebnis ein Array ist. Ich habe versucht, die Daten in der Anforderungsklasse neu zu kapseln, aber alle Versuche sind fehlgeschlagen. Verschiedene Suchvorgänge weisen möglicherweise darauf hin, dass die Schlüsselwörter falsch sind habe eine Lösung gefunden

Könnten Sie mir bitte sagen, wie ich es in das Objekt verpacken kann, das ich brauche? Danke!!!

Der Anforderungscode lautet wie folgt:

<code> const {data} = yield call(query, parse(payload));
      if (data) {
        console.log(data); //!!!这里!!!  我希望将这里返回的data 重新包装下,使data对象list, 服务器头信息,x-pagination-total-count,x-pagination-page-count.等信息 
        // 但是现在 我只能获取到, 纯粹的rest返回结果 是个数组. 我尝试在 request类中重新封装数据, 各种尝试都失败了. 各种搜  可能是关键词不对  也没有找到解决办法. 
        yield put({
          type: 'querySuccess',
          payload: {
            list: data.list,
            total: Number(data.total),
            current: Number(data.current),
            pageSize: data.pageSize ? data.pageSize : 12,
          }
        });
      }</code>
Nach dem Login kopieren
Nach dem Login kopieren
Die asynchronen Methoden sind wie folgt:

<code>export async function query(params) {
  return request(`/api/users?${qs.stringify(params)}`);
}</code>
Nach dem Login kopieren
Nach dem Login kopieren
Anfrageklasse ist wie folgt:

<code>import fetch from 'dva/fetch';

function checkStatus(response) {
  if (response.status >= 200 && response.status < 300) {
    //这里是可以读取到这些信息的. 但是我不会重新包装. 
    console.log(response.headers.get('x-pagination-page-count')); //35
    console.log(response.headers.get('x-pagination-total-count')); //411
    return response;
  }
  const error = new Error(response.statusText);
  error.response = response;
  throw error;
}

function parseJSON(response) {

  return response.json();
}
/**
 * Requests a URL, returning a promise.
 *
 * @param  {string} url       The URL we want to request
 * @param  {object} [options] The options we want to pass to "fetch"
 * @return {object}           An object containing either "data" or "err"
 */
export default function request(url, options) {
  return fetch(url, options)
    .then(checkStatus)
    .then(parseJSON)
    .then((data)=>({data}))
    .catch((err) => ({ err }));
}
</code>
Nach dem Login kopieren
Nach dem Login kopieren
Der Rest-Controller von yii2 ist wie folgt:

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage