網站前端制作之使用jqueryajax請求數據

2023-02-09 分類：網站建設

在我們平時做網站時有許多地方需要再不刷新頁面的時候加載數據，在這里我建議使用jQuery 中的 $.ajax()方法實現.

前端代碼1

實例代碼
這是一個簡單的請求
然后我們用thinkphp框架去接受這個請求

前端代碼2

這樣就是一個完整的jquery 的ajax請求,
如果我們需要加載的數據過多不想去js里寫html拼接我們可以在php里面實現拼接或者新建一個頁面在頁面里對數據進行處理
例如

前端代碼3

但是這時我們要是使用TP里面的$this->display();直接返回到上面新建的頁面，不用使用$this->ajaxReturn();去返回在jquery中直接接收的是頁面的整個html代碼.
當然還可以使用模板技術去做數據的更新
在頁面使用JavaScript標簽創建一個模板

前端代碼4

這樣你可以在返回結果得到后獲取id 是j_list的html內容

前端代碼5

然后進行數據的替換，
這樣做的好處主要在于多個都有同樣的html的代碼，模板可以讓你多個地方都能調用不要每個地方都去寫html的拼接，在網站中如果要更新的數據html不一樣還是用拼接吧，我感覺要快些.
jquery中$.ajax()的參數還有很多，如果要深入了解的話可去了解一下

里面有參數和用法的介紹和用法我所介紹的主要是常用的

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容