jquery $.get()、$.ajax()与后台servlet交互方法
生活随笔
收集整理的這篇文章主要介紹了
jquery $.get()、$.ajax()与后台servlet交互方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
? ? jquery中load（）方法通常從web服務器獲取靜態文件，如果需要傳遞一些參數給服務器中的頁面，那么可以使用$.get()或者$.post()或者底層的$.ajax()方法。
? ? $.get(url, data, callback, type）參數介紹如下：
? ? 1.url：請求的URL.
? ? 2.data:發送至服務器的key/value數據附加到URL中。
? ? 3.callback：載入成功時的回調函數（response返回狀態為成功時調用該函數）自動將請求結果和狀態傳遞給該方法。
? ? 4.服務器返回內容的格式。
? ? 舉例：點擊一個按鈕將一個字符串從客戶端傳到服務器，經服務器處理后返回新的字符串。
? ? jsp代碼：
<body> <input?type="button"?id="send"?value="AJAX獲取"/> <div?id="resText"></div> </body>? ? javascript代碼：
<script?type="text/javascript"> $(function(){$("#send").click(function(){var?str?=?"test";$.get("AjaxServlet",?{name?:?str},??function(responseText,?textStatus){if(textStatus?==?"success")$("#resText").text(responseText);if(textStatus?==?"error")alert("Error");});}); }); </script>? ? 創建servlet類AjaxServlet，doget（）函數代碼如下：
protected?void?doGet(HttpServletRequest?request,?HttpServletResponse?response)?throws?ServletException,?IOException?{String?name?=?request.getParameter("name");response.setContentType("text/html");PrintWriter?writer?=?response.getWriter();writer.println("helloworld"?+?name);}? ? servlet配置：
<servlet><servlet-name>AjaxServlet</servlet-name><servlet-class>org.AjaxServlet</servlet-class></servlet><servlet-mapping><servlet-name>AjaxServlet</servlet-name><url-pattern>/AjaxServlet</url-pattern></servlet-mapping>啟動程序后點擊按鈕就返回了新的字符串
? ? $.ajax()方法是jQuery最底層的Ajax實現，因此可以用它代替$.get()方法。
? ? 上例中js代碼變為：
$(function(){$("#send").click(function(){var?ajaxdata?=?{name?:?"xiaoli",psd?:?"123"};$.ajax({url?:?"AjaxServlet",type?:?"GET",data?:?ajaxdata,success?:?function(responseText,?textStatus){$("#resText").text(responseText);},error?:?function(){alert("error");}});}); });轉載于:https://blog.51cto.com/11697581/1825305
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的jquery $.get()、$.ajax()与后台servlet交互方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 关于eclipse没有http jar的
- 下一篇： Jodd 工具包之StringUtil