1. ホーム
  2. javascript

[解決済み] Backbone.jsのパラメータ付きフェッチ

2022-04-28 15:03:43

質問

に続いて ドキュメント , した。

var collection = new Backbone.Collection.extend({
        model: ItemModel,
        url: '/Items'
})

collection.fetch({ data: { page: 1} });

という url が判明しました。 http://localhost:1273/Items?[object%20Object]

私は次のようなものを期待していました。 http://localhost:1273/Items?page=1

では、fetchメソッドでparamを渡すにはどうすればよいのでしょうか?

どのように解決するのですか?

を変更します。

collection.fetch({ data: { page: 1} });

になります。

collection.fetch({ data: $.param({ page: 1}) });

というわけで、これはあなたの {data: {page:1}} オブジェクトを options

Backbone.sync = function(method, model, options) {
    var type = methodMap[method];

    // Default JSON-request options.
    var params = _.extend({
      type:         type,
      dataType:     'json',
      processData:  false
    }, options);

    // Ensure that we have a URL.
    if (!params.url) {
      params.url = getUrl(model) || urlError();
    }

    // Ensure that we have the appropriate request data.
    if (!params.data && model && (method == 'create' || method == 'update')) {
      params.contentType = 'application/json';
      params.data = JSON.stringify(model.toJSON());
    }

    // For older servers, emulate JSON by encoding the request into an HTML-form.
    if (Backbone.emulateJSON) {
      params.contentType = 'application/x-www-form-urlencoded';
      params.processData = true;
      params.data        = params.data ? {model : params.data} : {};
    }

    // For older servers, emulate HTTP by mimicking the HTTP method with `_method`
    // And an `X-HTTP-Method-Override` header.
    if (Backbone.emulateHTTP) {
      if (type === 'PUT' || type === 'DELETE') {
        if (Backbone.emulateJSON) params.data._method = type;
        params.type = 'POST';
        params.beforeSend = function(xhr) {
          xhr.setRequestHeader('X-HTTP-Method-Override', type);
        };
      }
    }

    // Make the request.
    return $.ajax(params);
};

そこで、「データ」を jQuery.ajax を追加するために最善を尽くします。 params.data がURLに追加されます。