javascript - 用jquery實現表格行 置頂之后 如何跟后臺用ajax交互 在刷新之后仍保持當前位置?
問題描述
如題所示,在每行的后面有一個top按鈕,點擊置頂,由于有settimeout自刷新,并重新獲取數據,所以這個置頂位置并不能保持,每次刷新之后就沒有效果了
代碼:
$('.top').click(function(){ var $tr = $(this).parents('tr'); $tr.fadeOut().fadeIn();$('tbody').prepend($tr); $(this).css({'color':'red','font-weight':'bold'});});
其實這部分代碼對解決問題沒什么作用,主要還是想知道如何與后臺交互 或者在前臺影響全局變量,從而保持當前置頂位置
問題解答
回答1:得看看你這個置頂是永久性的還是一時性的!
如果是永久性的置頂,那你的數據肯定是存儲在數據庫里的,并且有個字段用來標識該條數據是否為置頂數據,綁定到前端的時候,通過標識來判斷這條數據是否置頂,這個就完全不需要前端來考慮這個問題吧?你在前端只不過是把這部分數據展示而已。
如果你的置頂只是一時性的,你可以在每次請求ajax數據之前,獲取到置頂數據行的某列數據作為標識(這 個由你自己來定,不過該列的值必須是唯一的),然后再去請求ajax數據,在綁定的時候,用你存儲下來的標識跟請求到數據進行判斷,相等的話就把改行數據設置為置頂。(感覺寫這種置頂沒多大意義, 因為這種置頂數據只有你自己能看的到,要是你把頁面關閉了一樣沒用,畢竟不是永久性的)
回答2:直接叫你們后臺寫個接口,當你點擊置頂的時候,把這條數據的id傳到后臺,再讓后臺把它排到第一條數據返回給你,這樣即使有settimeout你接收到的也是你置頂后的數據啦
相關文章:
1. javascript - 深夜被問題困擾求解惑,rn的API之PermissionsAndroidd的問題2. mysql - 我的myeclipse一直連顯示數據庫連接失敗,不知道為什么3. javascript - 最近用echarts做統計圖時遇到兩個問題!!4. html - radio的使用時如何避免整個頁面只能選一個的情況5. docker綁定了nginx端口 外部訪問不到6. 前端 - html5 audio不能播放7. java - Activity 進入后臺再次傳值?8. mysqld無法關閉9. 利用百度地圖API定位及附件商家信息服務10. git - webstorm窗口中左側列表的文件名顏色怎么修改

網公網安備