2012-03-06 160 views
0

我使用以下JS製作一個URL如何更新網址而無需使用JavaScript刷新完整的PHP頁面?

function reload(form){ 
var val1=form.dav.options[form.dav.options.selectedIndex].value; 
var val2=form.pathogen.options[form.pathogen.options.selectedIndex].value; 
var val3=form.topicF.options[form.topicF.options.selectedIndex].value; 
var val4=form.ind.options[form.ind.options.selectedIndex].value; 
var val5=form.subind.options[form.subind.options.selectedIndex].value; 
self.location='/node/1?davQ=' + val1 + '&pathogenQ=' + val2 + '&topicQ=' + val3 + '&indQ=' + val4 + '&subindQ=' + val5; 

此代碼的工作很好,但問題是每一個它的運行頁面甩尾的時間和眨眼之後的所有元素出現。 !

如何防止頁面閃爍/閃爍。我在頁面的列表框的onchange中使用這個函數來更新url。

有沒有其他方法可以做到這一點?請幫助。

注:

在這種情況下,選擇第一 列表框的值時,輸入的網址addedd的地址位置,而 用戶選擇其他列表框和finaly提交所有其他參數得到更新它的頁面 使用get中存儲的值在數據庫中運行查詢。

http://localhost:8080/lspo/data10.php?davQ=30-Aug-11&pathogenQ=&topicQ=&indQ=&subindQ= 因此,選擇每次下拉時,每個參數都會更新。 這是否可以使用任何其他方法,頁面將保持爲 平滑,因爲它是?請在這個問題上提供幫助/建議。

2012-05-02

當選擇下拉值,其值在地址欄URL更新,同時也獲得更新的領域,相對於下一次下拉字段值生成(SQL查詢從MySQL數據庫)。請幫我解決這個問題。

09-05-2012 嗨,我到目前爲止找不到解決方案,我已經通過建議,無法解決問題。還有其他建議嗎?如果有的話,這對我來說將是一個真正的幫助,非常感謝你的回覆。

+0

PHP實際上是無關的回答。如果您使用Java,Perl或甚至是靜態HTML文件,則同樣的修復方法也可以工作。 – 2012-03-08 06:12:09

+0

是的,我們可以用任何其他類似ajax或其他東西來替換腳本嗎? – Gopipuli 2012-03-08 06:35:49

回答

2

history.push()

http://html5doctor.com/history-api/

或使用類似swfaddress

+0

謝謝..我會檢查url ... thanx的幫助 – Gopipuli 2012-03-06 06:13:13

+0

在我的頁面中,一旦第一個列表框被選中,url被加載到地址欄(localhost:8080/tess.com/node/...)。然後每次列表框選擇的值在URL中更新。這是否會使用上述方法完成。當我檢查示例網站時。它每次只更新一個參數 – Gopipuli 2012-03-06 06:58:26

+0

是的。 Swf地址取決於HashBang,歷史推送實際上會更改網址。您也可以將參數作爲json對象的一部分來提供其他狀態信息。 – 2012-03-06 07:14:55

0

有散列函數在JavaScript或您能給我們HTML5歷史API

+0

謝謝...我會檢查這.... .... – Gopipuli 2012-03-06 06:15:50

+0

是否有任何示例代碼或網站來檢查上述功能? – Gopipuli 2012-03-06 06:22:29

+0

一些好的網址http://www.oshyn.com/_blog/General/post/JavaScript_Navigation_using_Hash_Change/ http://stackoverflow.com/questions/136458/how-do-i-with-javascript-change-the-url-在瀏覽器中無需加載新的http://stackoverflow.com/questions/298503/how-can-you-check-for-a-hash-in-a-url-using-javascript – sandeep 2012-03-06 06:25:02

相關問題