鍍金池/ 問(wèn)答/HTML/ 分頁(yè)問(wèn)題 關(guān)于觸發(fā)請(qǐng)求問(wèn)題

分頁(yè)問(wèn)題 關(guān)于觸發(fā)請(qǐng)求問(wèn)題

  1. 這兩天在做一個(gè)分頁(yè),分頁(yè)效果是做出來(lái)了,但是在獲取數(shù)據(jù)的時(shí)候有點(diǎn)小問(wèn)題,希望大家能幫忙解決下

2.1 首先進(jìn)入這個(gè)頁(yè)面 獲取了全部區(qū)域的房源 分頁(yè)也是對(duì)的 只有3頁(yè),上一頁(yè)下一頁(yè)也是沒(méi)有問(wèn)題的

圖片描述

2.2 然后我點(diǎn)擊錦江區(qū) 出現(xiàn)錦江區(qū)的房源 數(shù)據(jù)也是對(duì)的 只有兩頁(yè), 但是 問(wèn)題就來(lái)了??!
我點(diǎn)擊下一頁(yè)的時(shí)候 觸發(fā)了2次請(qǐng)求 一次是全部區(qū)域中的分頁(yè)請(qǐng)求 一次是當(dāng)前錦江區(qū)的分頁(yè)請(qǐng)求, 然后內(nèi)容上則是顯示了 全部區(qū)域的房源信息. 它把錦江區(qū)的房源信息給覆蓋掉了。

圖片描述

    1. 請(qǐng)問(wèn)大家這是什么情況,該如何解決呢
    1. 代碼 請(qǐng)大家看下哪里的問(wèn)題

      這個(gè)默認(rèn)的 所有的區(qū)域的房源信息

      圖片描述

      這個(gè)是獲取區(qū)域 然后點(diǎn)擊不同的區(qū)域獲取房源信息

      圖片描述

      圖片描述

    回答
    編輯回答
    六扇門

    不要沉啊

    2017年3月10日 17:29
    編輯回答
    何蘇葉

    分頁(yè)代碼可否上一下,這樣看不出來(lái)呀親,,,

    2018年5月26日 00:10
    編輯回答
    孤巷

    我沒(méi)有仔細(xì)看代碼,但判斷該問(wèn)題是出現(xiàn)在你分頁(yè)(下一頁(yè)、上一頁(yè))標(biāo)簽綁定上,或者邏輯上。
    按理這樣的分頁(yè)代碼服務(wù)器端只返回當(dāng)前頁(yè)數(shù)據(jù)和總頁(yè)數(shù)信息,當(dāng)前頁(yè)信息啊。
    你追蹤一下你的請(qǐng)求過(guò)程。
    其實(shí)獲取區(qū)域的和獲取整個(gè)的沒(méi)有什么區(qū)別,只是致一些條件開(kāi)關(guān)而已。


    其實(shí)樓主犯錯(cuò)的原因就是數(shù)據(jù)和視圖耦合太深,從而整個(gè)流程邏輯就不清晰了。
    如果我設(shè)計(jì)類似應(yīng)用,大概是這樣的

    1. 數(shù)據(jù)統(tǒng)一由服務(wù)器提供,返回信息里包括了過(guò)濾條件方面的信息和具體數(shù)據(jù)
    2. 統(tǒng)一由一組狀態(tài)參數(shù)來(lái)接收(反饋)數(shù)據(jù)過(guò)濾狀態(tài)
    3. 向服務(wù)器請(qǐng)求數(shù)據(jù)時(shí)總是根據(jù)狀態(tài)參數(shù)來(lái)設(shè)置過(guò)濾條件
    4. 數(shù)據(jù)獲取后根據(jù)數(shù)據(jù)信息更新?tīng)顟B(tài)參數(shù)并更新視圖
    5. 頁(yè)面切換處理統(tǒng)一觸發(fā)

    相應(yīng)偽代碼表示(注意只有一個(gè)這樣的處理,其他的處理封裝到getData函數(shù)中和success方法中。)

    dataConfig={ // 系列狀態(tài)數(shù)據(jù),標(biāo)識(shí)過(guò)濾條件等
    ... 
    }
    ...
    $.ajax{
         url:"具體請(qǐng)求地址"
         type:"post",
         data: getData(),// 這里的getData統(tǒng)一處理頁(yè)面交互獲得的狀態(tài)數(shù)據(jù) dataConfig
         dataType:"json",
         success:function(serverData){
             // 這里至少應(yīng)該包括根據(jù)serverData處理 狀態(tài)數(shù)據(jù)和相應(yīng)顯示情況。
             // 根據(jù)返回serverData數(shù)據(jù)處理頁(yè)面顯示,特別是切換部分情況
         }
     }
    2017年1月13日 10:10
    編輯回答
    別逞強(qiáng)

    觸發(fā)了兩次請(qǐng)求,就應(yīng)該是兩次請(qǐng)求么,還是多觸發(fā)了一次

    2018年8月22日 19:47