我可以縮短這個腳本嗎？ （更新數據庫表和刷新）

Question

我真的很想知道是否有更短的替代方案來編寫此代碼。我試圖將它縮短爲2或1個功能，並取得了慘敗。我正在尋求建設性的反饋！

<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript"> 
function f_solar_1() { 
    $.get("f_solar_1.php"); 
    return false; 
} 
</script> 

<script type="text/javascript"> 
function refresh(){ 
location.reload(true);} 
</script> 

<script type="text/javascript"> 
function both(){ 
    f_solar_1() 
    setTimeout(refresh, 5); 
    } 
</script> 

<a href="#" onclick="both();">Activate</a> 

詳情：

此代碼是從我的PHP頁面的摘錄，從我的mysql數據庫顯示錶（我使用WAMP）。

底部的「激活」文本應該更新該表上的變量，並通過f_solar_1.php文件進行更新。

問題是反映數據庫的表不會自動反映這種變化。

所以我做了一個「reload（）」函數來刷新頁面，而「both（）」函數在更新數據庫之後定時刷新。

我已經知道基本的HTML有一段時間了，但是我今天早上對mysql，ajax和php是新手，這是我試圖潛入它的嘗試。

我的代碼工作正常，它只是困擾我不知道如果我可以在一個函數內完成相同的事情。

預先感謝您！

更新：Thankyou到Dat Pham爲我指出了正確的方向！

<script type="text/javascript"> 
function newfunc(){ 
$.get("f_solar_1.php", function(data) { 
location.reload(true); 
});} 
</script> 

<span onclick="newfunc();">newfunc</span> 

該代碼全部在一個函數（以及...），而不會導致刷新和php調用時間衝突。

Answer 1

使1功能做所有的事情被認爲是不好的做法，一個功能應該做的，只做一個原子任務。你的代碼很好，除了一些小點：

• ajax調用$ .get（）和location.reload不應該與對方一起使用，因爲這會破壞ajax調用的含義。你可以通過一個回調函數來處理來自後端服務器數據，如 $.get("f_solar_1.php", function(data) { alert("Load was performed."); });
• 將所有腳本標記爲1與您的所有功能聲明

問候，

Answer 2

你有沒有通過後端檢查數據庫（例如phpmyadmin），並驗證是否正在進行更改，即使它不顯示？

我想知道你的網頁是不是真的令人耳目一新，只是去「＃」。檢查「返回錯誤」 - 它不是真的適用於「A」鏈接，您必須在「雙方」函數中爲「取消鏈接」放置「返回錯誤」。但你可能不想這樣做後花一點時間來閱讀：The return false onclick anchor not completely working

此外，我建議使用jquery添加事件偵聽器來觸發您的函數調用，並獲得您的html標籤的onClick 。獎金，如果你學習如何做到這一點沒有jQuery。閱讀此真實快jquery href and onclick separation