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交互方法相关推荐

easyui ajax方式与后台servlet交互原理
参考地址:http://www.verydemo.com/demo_c107_i19258.html easyui ajax方式与后台servlet交互原理 easyui ajax是以json数据方式 ...
java servlet ajax_javaweb中ajax请求后台servlet(实例)
废话不多说,直接上代码 public class DZFP_jdbc extends HttpServlet{ private static final long serialVersionUID = ...
vue使用ajax提交数据,vue使用ajax请求后台数据的方法
vue使用ajax请求后台数据的方法发布时间:2020-10-15 16:54:41 来源:亿速云阅读:108 作者:栢白这篇文章主要介绍了vue使用ajax请求后台数据的方法,具有一定借鉴价值 ...
java ajax解析json数据_利用AJAX向后台servlet传JSON数据，后台利用fastjson进行解析
一,json的构建 JSON的格式分为两种,第一种类似于JavaScript中的对象(这里需要注意的是JS中的对象与java中的对象概念是不一样的,js可以在对象中定义属性,方法等,类似于java中的 ...
ajax获取java后台数据_jQuery ajax获取后台数据怎么在前端显示。
前后端分离以后,前端界面采用ajax与后台数据交互.现在从后台获取到下载文件的集合,怎么在前端一行一行显示,点击某一行可以直接跳转过去下载对应的文件. pageEncoding="UTF-8 ...
servlet向ajax传递数据库,一、JSP、servlet、SQL三者之间的数据传递(前台与后台数据交互)...
背景: 目前业界很流行的MVC(model-view-control)开发模式,理解为模型是Bean, 视图是 Html/Jsp, 控制是Servlet, 关联数据库的Dao web的运行机制: 数 ...
通过PHP前端后台交互/通过ajax前端后台交互/php基础传输数据应用/简单的留言版/简单的注册账户/简单的登录页/...
前言 PHP 通过上一篇博客,注册账号与登录页面--前后台数据交互跳转转到index主页,接下来进入主页留言板功能,通过ajax向后台传输数据,同时发表留言. 具体的内容分析如下 ...
Jquery ajax调用后台aspx后台文件方法(不是ashx)
在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下. (1)通过aspx.cs的静态方法+WebMethod进行处理简单的介绍下 ...
ajax与后台php,怎么在thinkPHP5中使用ajax实现与后台数据交互
怎么在thinkPHP5中使用ajax实现与后台数据交互发布时间:2021-03-20 17:20:01 来源:亿速云阅读:87 作者:Leah 这篇文章给大家介绍怎么在thinkPHP5中使用a ...

jquery $.get()、$.ajax()与后台servlet交互方法

jquery $.get()、$.ajax()与后台servlet交互方法相关推荐

最新文章

热门文章