主幹表單提交路由

Question

是否有可能有類似於以下的路由器實現？

var Router = Backbone.Router.extend({ 
    routes: { 
     '' : 'search', 
     '*querystring' : 'results' 
    }, 
    search: function() { 
     // load search view 
    }, 
    results: function(querystring) { 
     // load search view 
     // make ajax request using querystring 
    } 
}); 

搜索視圖有一個表單提交應該去結果視圖將解析的URL查詢時，提交一個Ajax請求，然後顯示響應。

顯然，這樣的事情會更有意義

'results?*querystring' : 'results' 

但我不能讓我的形式提交URL該格式。

當我的表單動作爲<form action="index.html/results">時，我得到http://localhost:8000/index.html/results?c=foo&a=bar作爲我的URL。

這是接近的，但我真的需要http://localhost:8000/index.html#/results?c=foo&a=bar，當我嘗試用<form action="index.html#/results">做到這一點給了我http://localhost:8000/index.html?c=foo&a=bar#/results這不是我想要的:(

這就是爲什麼我寧願只是沒有形式和行動而不是有如果存在的話可以將分析查詢的路線。

讀好，謝謝。希望有人瞭解一些這一點，並能幫助我。

Answer 1

不要把pushState的爲真，將其設置爲假

Backbone.js PushStates: Fallback for Internet Explorer not working

Answer 2

1. 刪除形式或阻止提交
2. 只要拿到PARAMS和觸發路線
3. 妥善處理PARAMS在觸發的路由。

路由器

routes:{ 
    'search':'search'  //queryString is automatically passed as last param in backbone 1.1 
}, 
search: function(queryString){ 
    //Write your logic to do the search 
} 

查看：

events:{ 
'submit form':'preventAndNavigate' 
}, 
preventAndNavigate: function(e){ 
    e.preventDefault(); 
    var query = $(e.currentTarget).serialize(); 
    Backbone.history.navigate('search?'+query,{trigger:true}); 
} 

文檔：

骨幹路由器現在處理的路線片段查詢參數，通過他們我將處理程序作爲最後一個參數。指定爲字符串的路線不應再包含查詢字符串（'foo？：query'應該是'foo'）。

參考文獻：

http://backbonejs.org/#changelog