¿Debería Backbone.js obtener los parámetros GET de la URL?

Question

Estoy tratando de implementar una función de búsqueda para mi sitio web. Cuando el usuario escribe un término de búsqueda foobar en un cuadro input y lo envía, se le redirige a http://mydomain.com/search?query=foobar.

Problema :: ¿Cómo debo tomar los parámetros GET query de la URL, y lo enviará al backend y obtener una serie de resultados de nuevo como una respuesta JSON? ¿Debería incluso hacerlo de esta manera?

Mi intento actual a continuación ni siquiera hace que se active la función search.

Router

var AppRouter = Backbone.Router.extend({ 
    routes: { 
     'search?query=:query': 'search' 
     // ... and some other routes 
    }, 

    search: function(query) { 
     this.photoList = new SearchCollection(); 
     var self = this; 
     this.photoList.fetch({ 
      data: {query: query}, 
      success: function() { 
       self.photoListView = new PhotoListView({ collection: self.photoList }); 
       self.photoListView.render(); 
      } 
     }); 
    } 

}); 

var app = new AppRouter(); 
Backbone.history.start({ 
    pushState: true, 
    root: '/' 
}); 

Answer 1

Ha habido varias cuestiones presentadas en contra de la espina dorsal por esta misma cuestión. Hay un plugin existente que funciona bien para esto:

https://github.com/jhudson8/backbone-query-parameters

Alternativamente, actualmente estoy utilizando parámetros de cadena de consulta en un simulacro de API que coincide con la ruta del juego Backbone. Ve algo como esto

Ruta

"/api/v2/application/:query"

consulta

application: function(query) { 
    var params = $.deparam(query.slice(1)); 
    // params.something... 
} 

cuanto a su problema real en la mano como estas redirigir a index.html para apoyar pushState?

Answer 2

Hay muy pocos casos en los que necesite leer la URL y extraer los parámetros GET. Creo que estás haciendo las cosas mal y aquí están mis opciones:

1) si solo tienes una página en tu aplicación (página de una sola aplicación) puedes mostrar los resultados mientras escriben en tu campo input o después de que golpean submit

2) si redirige al usuario a una página diferente, que significa que puede bootstrap data de manera que después de la página se carga backbone sólo tendrá que dar sus resultados y sólo hacer otras peticiones si cambiar su palabra de búsqueda

3) puede tener una variable javascript que se inicializa en la carga de la página directamente desde m el servidor donde trabajar con los parámetros GET es probablemente más fácil

Answer 3

Siempre puede leer la URL a través del complemento jQuery URL. Funciona bien.

https://github.com/allmarkedup/jQuery-URL-Parser

Answer 4

llegué a este mismo tema y contempla el uso de la columna vertebral-query-parámetros, pero que deben ser considerados por lo general un enfoque incorrecto.

La cadena de consulta url no está pensada para el front-end. Se envían al servidor y fuerzan una actualización cuando se navega de page.html a page.html? Something = something.

Debería usar fragmentos hash en su lugar. es decir, http://www.example.com/ajax.html#key1=value1&key2=value2, luego simplemente obtenga esos valores como la forma central normal y cree sus parámetros de solicitud a partir de eso.

Ver https://github.com/jashkenas/backbone/issues/891, https://developers.google.com/webmasters/ajax-crawling/docs/specification, http://tools.ietf.org/html/rfc3986#section-3.5