jquery＋ajax獲取伺服器時間案例
阿新 • • 發佈：2019-02-04
jQuery.get(url, [data], [callback], [type]);
url:待載入頁面的URL地址
data:待發送 Key/value 引數。
callback:載入成功時回撥函式。
type:返回資料的型別，xml, html, script, json, text, _default。
jQuery.post(url, [data], [callback], [type]); --> post提交和get提交引數一樣
前臺頁面：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery＋ajax獲取伺服器時間</title> <script type="text/javascript" src="js/jquery/jquery-1.11.2.js"></script> <script type="text/javascript"> $(function(){ $("#clickTime").click(function(){ $.get("/zq/getTime",function(result){ $("#time").html(result); }); }); }); </script> </head> <body> <input type="button" id="clickTime" value="點選獲取伺服器時間"> <span id="time" style="color: red;"></span> </body> </html>
後臺：(注意：這裡我使用的是SpringMVC)
/** * 獲取服務端時間： * 注意：非同步技術必須加@ResponseBody * @author 鄭清 */ @Controller public class GetTimeController { @RequestMapping("/getTime") @ResponseBody public String getTimer(HttpServletResponse resp) throws UnsupportedEncodingException{ resp.setContentType("text/html;charset=utf-8");//解決亂碼問題 System.out.println(new Date().toLocaleString()); return new Date().toLocaleString(); } }
執行效果圖：
