javascript - 我想在瀏覽器端直接對網站進行修改但是重新整理後就初始化了

來源:互聯網
上載者:User
關鍵字 javascript php css html
比如我JS寫了點擊事件,點擊以後添加一行文字在網頁上,但是重新整理後文字就消失了。
我想保持永久修改的話是不是要用到PHP?

回複內容:

比如我JS寫了點擊事件,點擊以後添加一行文字在網頁上,但是重新整理後文字就消失了。
我想保持永久修改的話是不是要用到PHP?

合理的姿勢應該是:

  1. js在用戶端新增了內容(本題中是dom節點),同時應該ajax告知伺服器端資料變化

  2. 下次重新整理頁面時,伺服器端(本例中是php)根據新的資料渲染頁面時就包含了上次在用戶端增加的節點

建議多看一點網站開發方面的文章或者書

瀏覽器只對網頁源檔案的內容進行解析和渲染

代碼加上的內容,自然會被清除。除非,你把它存在某個地方:

  • 存在伺服器端。用ajax擷取。

  • 存在 localstorage。用 localstorage API 擷取。

我覺得你的應用情境應該類似於那種比較大的表單,當使用者不小心誤操作關閉視窗的時候,儲存下他之前填寫的內容。
這種情況用本機存放區就好了,localstorage/sessionstorage/cookie。
當然發送給後台也可以,但是會增加背景工作量,你們的後台人員估計不會願意去做。

理論上你的頁面中,需要動態追加的內容地區應該是動態展示區,它的內容需要在伺服器端進行儲存的。
JS動態追加效果是為了減少資料跟伺服器端互動時,使用者等待時間過長,影響使用者體驗,所以js點擊某個事件時有兩個操作:
1.將內容動態添加到頁面的dom節點上去(使用者立刻看到效果)
2.通過ajax、表單提交等技術將內容提交到伺服器端處理(資料過濾、儲存等)
當使用者再重新整理頁面時,那個動態地區是通過PHP伺服器解析產生的內容,同時把最新的內容展現出來,保證資料不會丟失。

和php沒什麼關係,很多語言都能處理Post和Get請求。
解決方案:存放到伺服器或者本地唄。

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.