解決H5中同頁面跳轉資料不更新

2021-10-20 18:43:00 字數 363 閱讀 9384

前段時間接到這麼乙個需求,大體實現為同頁面進行跳**即相同的頁面結構,但是所請求的資料不同,所以渲染出來的具體頁面也不同,在rn端完成之後,進行rn轉h5,測試時發現觸發跳轉事件之後,雖然url已經改變了,但是頁面資料也沒有變,抓包檢視也沒有發現新的請求,於是請教組裡的大佬後,先通過對reder進行打斷點的方式排查問題,發現頁面並沒有進行重新渲染,於是進行強制頁面重新整理,偽**如下:

componentwillreceiveprops

(nextprops),(

)=>);

}}

其中的productid就是進行頁面請求的關鍵字段,當觸發跳轉事件之後,修改原state中的字段,強制進行重新渲染,問題解決;

H5中利用js頁面跳轉並傳值的常用方法

在url路徑後面帶引數,引數與url之間用?隔開,引數與引數之間用 符隔開 window.location.href a.html?name kevin age 20 2.通過localstorage 和 sessionstorage 先存本地在取出資料 用setitem來存資料,第乙個引數是 名字...

H5頁面中喚起native app

2 js如何知道手機已經安裝了對應的應用 比如 這種方式ios和android都可以共用 結合這個思路,我們基本可以得到我們的實現方案 var iframe document.createelement iframe var body document.body iframe.style.displ...

h5 上 刪除 互動 H5頁面基於介面實現資料互動

6 當然就是預算和對時間的要求,使用者體驗度要求不高的話,那可以用h5來做。首先展示兩個我自己編寫的請求介面 獲得資料解析之後填充到h5頁面的通用方法 json格式 可以複製直接使用,已寫好注釋 請求介面 functionajaxforjson url,op,jsondata,array param...