Wenn ich schieben Sie eine neue URL an das Rückgrat.die Geschichte, die query params bleibt?

Sagen wir, ich bin mit Rückgrat pushstate und ich navigieren Sie zu einer Seite mit query params:

domain.com/user/111?hello=123

Wenn ich diese ausführen:

Backbone.history.navigate('/settings', true);

Meine Einstellungen Seite geladen perfekt, aber das ?Hallo=123 bleibt in der URL...

domain.com/settings?hello=123

Und die Abfrage param bleibt in der URL wo ich die Website navigieren...

  • Edit: ich bin mit dem github.com/jhudson8/backbone-query-parameters plugin.
  • Könnten Sie die Frage ein wenig klarer? Sie möchten, leeren Sie den location.search wenn die Navigation zu einer anderen Seite?
  • Es scheint ein Problem gepostet über 2 Tagen auf github zu und der Autor scheint nicht geklappt zu haben auf dieses feature.
  • Haben Sie aktiviert die pushState? Backbone.history.start( { pushState : true } );
InformationsquelleAutor TIMEX | 2013-03-01
  1. 19

    Backbone-routing-und query-Parameter sind einer unglücklichen Ehe. Probleme sind gut dokumentiert in dies GitHub issue.

    Das zentrale problem ist, dass Backbone.Router ist speziell für die Arbeit mit URL-hash-Fragmente sowie die pushState API. Bei der Verwendung von hash-URLs, die den query-string vor dem hash, und wird nie erreicht in der route. Mit pushState die query-string-Teil der URL-fragment, und erfordert eine andere route-Ausdruck.

    Lassen Sie uns sagen, Sie würden eine route search, und die route würde Optional Parameter q, sort und type. Als query-string, der würde ungefähr so Aussehen:

    search?q=kittens&sort=asc&type=images

    Das problem ist, dass für Benutzer, die von älteren Browsern, Rückgrat wieder hashchange - based routing, und die route werden:

    ?q=kittens&sort=asc&type=images#search

    Dem plugin, das Sie verwenden versucht, um dieses problem zu umgehen, aber keine Lösung für das Kern-Problem.

    Wenn möglich, sollten Sie nicht verwenden von query-strings und geben keinerlei Status-Informationen mit optionaler Fragmente in Ihrer route Ausdrücken. Das Vorherige Beispiel-Routen würde sich dann:

    //pushState
search/q/kittens/sort/asc/type/images

//hash fragment
#search/q/kittens/sort/asc/type/images

    Mit (optional) route teilen und :captures (docs), Sie könnte diese URL mit dem folgenden Ausdruck:

    var Router = Backbone.Router.extend({
  routes: {
    "search(/q/:query)(/sort/:sort)(/type/:type)": "search"
  },

  search: function(query, sort, type) {
    console.log(query, sort, type); //-> "kittens", "asc", "images" 
  }
});

    Solange die route Fragmente sind in der angegebenen Reihenfolge, dies entspricht urls mit keiner, und alle Parameter, zum Beispiel:

    search                       //->  undefined,  undefined, undefined
search/q/kittens/type/images //->  "kittens",  undefined, "images"
search/sort/asc/type/images  //->  undefined,  "asc",     "images"

    Diese Weise müssen Sie nicht sorgen zu machen über die third-party-query-string-Bibliotheken oder browser-Kompatibilität. Und wenn Sie mich Fragen, diese Art von URL sieht sauberer aus als gut.

    • Denke, zu viele Parameter in der slash Weg, geht gegen den Prinzipien von RESTful-URL. Plus @TIMEX das Problem wird verursacht durch das plugin. Ich weiß, Wirbelsäule-drücken Sie die Schrägstrich-Mode, aber ich glaube, dass get parameter "Stil" passt einige spezifische Funktionen wie die Suche am besten.
    • Schöne Lösung. Dies ist nur client-Seite, so die Idee, RESTful-URLs, die nicht gelten hier ohnehin. Jede URL, die funktioniert, ist wirklich ok.
    • Ich bin nicht einverstanden. RESTful URLs sind nicht nur eine Frage der Umsetzung details. Sie sind user zu kämpfen, und sollten im Idealfall halten Erholsamen standards für die Kohärenz im gesamten web. Natürlich, dies ist eine eher gutartige brechen Erholsamen Konventionen hier. Ich sage nicht, es gibt keine gültige Rechtfertigung für das brechen der Konvention, nur, dass ich denke, dass die Tatsache, dass es ein client-side URL sollte nicht Teil der Begründung.
    • Ja, für Konsistenz wäre es gut, wenn die client-URL sehen auch Erholsam. Der Punkt, den ich versuchte zu machen, war, dass viele Menschen möglicherweise immer verwirrt zwischen dem browser und Webdienste-URLs vorliegen. Es ist von größter Bedeutung, um Ihre services RESTful.. aus vielen Gründen werde ich nicht in hier. Aber die URL im browser zu trennen, um all dies. Es wäre schön zu sehen, wie ein RESTful-URL, aber browser-URLs nichts zu tun mit dem REST zu löschen. Es ist wichtig für die Menschen zu verstehen, den Unterschied zwischen den beiden.
    InformationsquelleAutor jevakallio
  2. 2

    Müssen Sie nicht verwenden die backbone-query-parameters - plugin, um sich mit dieser nicht mehr, so stellen Sie sicher, dass Sie die neueste version von Rückgrat und überschreiben Sie dann die loadUrl Methode innerhalb History.prototype.

    //Regex to match search query strings
var searchStripper = /\?.*$/g;

//Attempt to load the current URL fragment. If a route succeeds with a
//match, returns `true`. If no defined routes matches the fragment,
//returns `false`.
loadUrl: function(fragmentOverride) {
  var fragment = this.fragment = this.getFragment(fragmentOverride);
  fragment = fragment.replace(searchStripper, ''); //remove the search query parameter
  var matched = _.any(this.handlers, function(handler) {
    if (handler.route.test(fragment)) {
      handler.callback(fragment);
      return true;
    }
  });
  return matched;
},
    • Nicht dieser auch Streifen der URL-params von der ersten URL user/111, wo @TIMEX vermutlich behalten will, den query-string intakt? Es ist auch nicht die Frage zu lösen, bei der Verwendung von hash-basierte URLs, wo der query-string ist nicht Teil des fragments an alle.
    InformationsquelleAutor mateusmaso
  3. 0

    Nicht sicher, ob es zu spät ist. Ich kam zu dem gleichen problem, und ich kann sagen mit zuversicht: es ist ein bug, verursacht durch backbone-query-Parameter.

    Ich eigentlich inspiriert durch deinen post. In der frühen Phase von meinem aktuellen Projekt, ich stellte backbone-query-Parametern, es funktionierte gut. Aber später, Rückgrat einige änderungen vorgenommen, so backbone-Abfrage-Parameter können nicht fassen die Parameter nicht mehr. Nicht bis vor kurzem, ich fand den Autor aktualisierte backbone-query-Parameter. Ich zog es wieder an, und es funktionierte.

    Dann, Sie wissen. Ich cam zu das gleiche problem und fühle mich wirklich frustriert. Ich zweifelte nie daran, über backbone-query-Parameter, nicht, bis ich sah deinen post.

    Entfernt habe ich das plugin eingerichtet und mit meinem eigenen code, nun, meine Geschichte funktioniert wie ein Charme.

    Gibt es zahlreiche Möglichkeiten zu Holen die get-Parameter. Mir ist nur eine davon, aber es macht den job für mich. Nur für Ihre Referenz poste ich es hier.

      getParams: ->
    rtn = {}

    if window.location.search.length > 0
      queryStringRegex =  /^\?(.*)/
      match = queryStringRegex.exec window.location.search
      param_string = match[1]

      if param_string.length > 0
        params_array = param_string.split("&")

        for value in params_array
          temp = value.split("=")
          rtn[temp[0]] = decodeURI(temp[1])

    rtn

    Nur für den Fall, meine Routen werden, wie dies

    "path(?*queryString)" : "pathAction"
    InformationsquelleAutor yujingz
Schreibe einen Kommentar