jQueryAjax++servlet+json實現頁面載入時從後臺讀取資料

阿新 • • 發佈：2018-11-05

在eclipse中新建一個專案，我起名為Demo

新建一個html檔案，在其中引入外部jQuery和自定義的js檔案

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript" src="js.js"></script>
<title>Insert title here< 
/title>
</head>
<body>

</body>
</html>

新建一個servlet，使用doPost()方法，在其中手動寫一個json字串，並將傳輸檔案型別設定為json，傳輸字元編碼設定為utf-8,將瀏覽器解析方式設定為utf-8

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String jsonStr="{\"dataStr\":\"我是json!\"}" 
;//雙引號之前的\代表將後面的雙引號轉義，不會使它和前面的雙引號匹配
		response.setContentType("application/json;charset=utf-8");
		response.setCharacterEncoding("utf-8");//設定瀏覽器按utf-8格式解析
		response.getWriter().write(jsonStr);//傳送響應
	}

在自定義的js中寫拿回後臺資料之後的邏輯，這裡為了簡單，直接在網頁上彈出提示框像是資料

$(document).ready(function()
		{
			$.ajax({
				type: 
"post",
				url:"http://localhost:8080/Demo/DemoSer",
				async:true,
				data:{},
				success:function(data)//成功取回資料之後的回撥函式
				{
					alert("傳回的資料是:"+data.dataStr);
				},
				error:function()//沒能取回資料之後的回撥函式
				{
					alert("請求失敗！");
				}
			});
		});

部署專案，啟動伺服器，開啟網頁：

在這裡插入圖片描述

成功！

jQueryAjax++servlet+json實現頁面載入時從後臺讀取資料

在eclipse中新建一個專案，我起名為Demo 新建一個html檔案，在其中引入外部jQuery和自定義的js檔案 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <sc

Jquery載入時從後臺讀取資料繫結到dropdownList

$(document).ready(function () { loadSchools(); }); function loadSchools() { var url = "@Url.Action("GetSchools")";

用struts2框架怎樣實現頁面載入時即進行查詢(經過action)並顯示結果

一般情況下,我們在使用struts2時,都是通過提交form表單,然後提交actionName.do(action).然而我們想在頁面載入時即進行查詢,如何做? 個人實踐如下: index.jsp頁面 <jsp:forward page="actionName.do

springMVC+webUploader從後臺讀取資料，回顯圖片,超過三張不再新增

JSP在頁面載入時呼叫servlet的方法

方法：先在JS裡面寫一個呼叫servlet的事件（可以利用ajax），然後利用<body>標籤的onload呼叫這個事件。程式碼如下： jsp檔案程式碼如下： <%@ page l

基於jQuery實現頁面滾動時頂部導航顯示隱藏效果

center query styles 顯示 true function viewport top int <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=

用wow.js實現頁面滾動時觸發animate.css動畫特效

偏移量 true fin 滾動 cdn lock src 代碼 splay 　　　　很高興在2017/10/14發表了自己的第一個博客隨筆，不管你們怎麽想，我自己覺得逼格瞬間高了起來。哈哈哈，哈撒尅。有時候項目需要一些動畫來提升用戶體驗，吸引用戶註意力。這時wow是個

Javascript實現頁面滾動時導航智能定位

wrap ner blog bre eve 弊端 for scrollto contain 遇到的問題：在做官網的時候，需要滾動定位的區塊的圖片不確定，無法確定用戶瀏覽區域對應的模塊導航之前的解決方案是：通過定位滾動條的位置來判斷用戶瀏覽區域對應的模塊導航，這種方

CSS3實現頁面載入進度條

什麼情況下會使用到頁面載入進度條？當頁面中的需要載入的內容很多，使用者直接進入則看不到任何內容，體驗不好，這個時候就需要使用到頁面載入的一個動畫，在頁面載入結束後再顯示主體內容。實現頁面載入進度條有哪幾種方式？一般可分為兩種， 1.設定多少時間後顯示頁面， 2.根據頁面載入的文件狀態來實現

淺談前端實現頁面載入進度條以及 nprogress.js 的實現

以前在 Vue 的專案用了 nprogress 這個外掛，一直對於其如何得知載入進度充滿好奇，最近又看到了「前端如何實現頁面載入進度條」這個問題，今天週六恰好一探究竟。以下僅為一家之言，如有異議，歡迎指出。前端的頁面載入進度條有兩種首先不得不說，前端的頁面載入進度條其實有兩種，所以你得先搞清楚說的是哪

使用 v-cloak 防止頁面載入時出現 vuejs 的變數名

轉載自：https://www.sunzhongwei.com/hide-vuejs-variable-with-v-cloak-when-page-loading 使用 vuejs 做了一個簡單的功能頁面，邏輯是，頁面載入後獲取當前的經緯度，然後通過 ajax 從後臺拉取附近的小區列表。但是

ajax設定成同步載入，結束後呼叫alert框，但是頁面載入時還是先彈出alert框

最近公司在做一個眾籌的活動，其實之前有類似的開發，我只是改造一下，其中到了提交訂單頁面的時候是要根據後臺的結果來在前臺給使用者一個提示框，前臺用的ajax請求後臺，我是想著等頁面資料載入完之後再彈出alert框，於是就把async設定成false，然後在success的回撥函式的最下面呼叫alert

頁面載入時觸發的事件及順序

頁面載入時觸發的事件及順序前言　　頁面載入時，大致可以分為以下幾個步驟：　　開始解析HTML文件結構　　載入外部樣式表及JavaScript指令碼　　解析執行JavaScript指令碼　　DOM樹渲染完成　　載入未完成的外部資源（如圖片）

我是如何將頁面載入時間從6S降到2S的？

寫在前面生活在資訊爆炸的今天，我們每天不得不面對和過濾海量的資訊--無疑是焦躁和浮動的，這就意味著使用者對你站點投入的時間可能是及其吝嗇的（當然91，pronhub等剛需站點除外）。如何給使用者提供迅速的響應就顯得十分重要了，這可能成為你留住使用者的關鍵。即使網站設計的再優秀，功能再完美，但是響應的巨

簡單實用的JS實現頁面載入完畢之前loading提示效果(相容性較強的loading載入程式碼)

一種簡單實用的JS實現頁面載入完畢之前loading提示效果做成js呼叫即可：一、JS程式碼： var _PageHeight = document.documentElement.clientHeight, _PageWidth = documen

rem佈局，頁面載入時先放大一下再回復正常

先貼上我的rem佈局的一段js: window.onload=function(){ setRemSize(); window.addEventListener("resize",setRemSize,false); function setRemSize(){ va

jQuery實現頁面滾動時頂部動態顯示隱藏

很多時候你會看到頁面上有一個始終固定在網頁頂部的導航選單，當頁面向下滾動的時候，導航選單動態隱藏，頁面滾動到頂部時，導航選單動態顯示，淘寶也採用過此效果，很不錯，當然，裡面使用了CSS3動畫效果，不支援低版本瀏覽器。程式碼相當的簡單，只需幾行就搞定。 &l

jquery--blur()事件，在頁面載入時自動獲取焦點

jquery--blur()事件會在頁面載入時自動獲取焦點，應將onblur寫到html標籤中 <div class="inputbox"> <input type="text" name="" id="uPhone" placeholder="手機號" onblur="va

從後臺獲得資料，前臺實現資料載入和非同步查詢

前臺頁面大體是這樣的預設載入指定頁籤的第一頁資料，單擊頂部頁籤時，非同步請求相應的第一頁資料單擊底部頁碼時，非同步請求對應頁碼的資料單擊前進和後退時，對應請求相關資料和按鈕的禁用狀態 php部分 <?php 思路：未提交頁籤則預

JS實現頁面載入結束之前Loading提示效果

//獲取瀏覽器頁面可見高度和寬度 var _PageHeight = document.documentElement.clientHeight, _PageWidth = document.documentElement.clientWidth; //計算loa

jQueryAjax++servlet+json實現頁面載入時從後臺讀取資料

成功！

相關推薦