jquery $.get()、$.ajax()与后台servlet交互方法
? ? jquery中l(wèi)oad()方法通常從web服務(wù)器獲取靜態(tài)文件,如果需要傳遞一些參數(shù)給服務(wù)器中的頁(yè)面,那么可以使用$.get()或者$.post()或者底層的$.ajax()方法。
? ? $.get(url, data, callback, type)參數(shù)介紹如下:
? ? 1.url:請(qǐng)求的URL.
? ? 2.data:發(fā)送至服務(wù)器的key/value數(shù)據(jù)附加到URL中。
? ? 3.callback:載入成功時(shí)的回調(diào)函數(shù)(response返回狀態(tài)為成功時(shí)調(diào)用該函數(shù))自動(dòng)將請(qǐng)求結(jié)果和狀態(tài)傳遞給該方法。
? ? 4.服務(wù)器返回內(nèi)容的格式。
? ? 舉例:點(diǎn)擊一個(gè)按鈕將一個(gè)字符串從客戶端傳到服務(wù)器,經(jīng)服務(wù)器處理后返回新的字符串。
? ? 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>? ? 創(chuàng)建servlet類AjaxServlet,doget()函數(shù)代碼如下:
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>啟動(dòng)程序后點(diǎn)擊按鈕就返回了新的字符串
? ? $.ajax()方法是jQuery最底層的Ajax實(shí)現(xiàn),因此可以用它代替$.get()方法。
? ? 上例中js代碼變?yōu)?#xff1a;
$(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");}});}); });轉(zhuǎn)載于:https://blog.51cto.com/11697581/1825305
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的jquery $.get()、$.ajax()与后台servlet交互方法的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
                            
                        - 上一篇: 关于eclipse没有http jar的
 - 下一篇: Jodd 工具包之StringUtil