jquery 传递参数给后台servlet
1、首先在JSP文件里面,有一个form表单。
<form>
<h3>
站点查询
</h3>
<span class="STYLE2">站点名称</span>
<input id="stationName" type="text" name="stationName"size="18" maxlength="20">
<input type="submit" id="btn01" value="查询" />
<input type="reset" id="btn02" value="重置" />
</form>
注意:这个里面有几个小地方要注意一下:"查询"按钮的ID,站点名称的ID和NAME.要和下面在JQUERY里面保持一致。写的有不明白的地方,可以说出来。请大家见谅!
2、然后通过jquery AJAX中的get、post方法。与后台servlet(控制器)通信。
<script type="text/javascript">
$(document).ready(function(){
$("#btn01").click(function(){
var stationName = $("#stationName").val();
$.get("StationController",{type:"2",stationName:stationName},function(result){
alert(result);
});
}
});
});
</script>
注意:这个里面要注意。var stationName = $("#stationName").val();是取表单元素的值。StationController 是servlet名称。{type:"2",stationName:stationName} 是要传到后台的参数,还有一个回调函数。
3、后台的控制器类。如下:
package com.tm.controller;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.tm.service.StationService;
import com.tm.test.ApplicationContextUtil;
public class StationController extends HttpServlet {
private static final long serialVersionUID = 1L;
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html; charset=utf-8");
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
String type = request.getParameter("type");
StationService stationService = (StationService) ApplicationContextUtil
.getInstance().getBean("stationServiceImpl");
if (type.equals("2")) {
String name = request.getParameter("stationName");
name = new String(name.getBytes("iso-8859-1"), "utf-8");
String result = stationService.queryStationByName(name);
out.write(result);
}
out.flush();
out.close();
System.out.println("end");
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}
这里面省略了一些代码 ,主要是通过这个小例子以及注意点,之后再用JQUERY传递参数给SERVLET的时候,明白其中的一些细节。
分享到:
相关推荐
需求: 在JS中向后台传递数组参数 分析: JS中的数组是弱类型的可以放任何类型(对象、基本类型),但是如果数组中放的是对象类型,传递到后台是显示的只能是对象字符串–[object Object],原因如下: 在后台接收的...
jquery绑定click事件传递参数
JQuery表单提交和后台交互源码 源码描述: jQuery表单提交和后台交互,非常简单。 也许你习惯了使用基于jQuery的表单插件,裸写也不错 仅使用jQuery提交表单和后台交互,不使用基于jQuery的表单插件 方式1、取到...
jquery异步调用页面后台方法,jquery异步调用页面后台方法
jquery easyui 传递参数到后台
Jquery例子,前后台交互,验证,图片热点,等实用的js代码,直接用meyeclipse运行就可以
Jquery+ajax+json+servlet
实现Jquery Ajax 三种方案进行前后台数据传输,界面内容传值及返回值实例!
jquery插件实现软件后台管理界面
JQuery实现经典网站后台框架,可以运行,有源码,新人可以 过过赢
使用jquery+ajax获取后台数据生成下拉选框
手机版--人事档案管理系统(jQuery Mobile + JSP + Servlet + Sqlite + MySql 偶然得之,大家共享
jquery下的ajax向后台servlet传输数据并从后台获得数据源码实例且有详细注释
jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Object.success,但后台能够返回数据,原代码如下: var source=[]; $.ajax({ ...
在网上找了很多编辑表格的jQuery例子,基本上都单纯的在页面进行操作。今天做了一表格编辑同时要后台数据库也要同步进行操作。数据库采用的是ORACLE。
一个非常漂亮的jquery后台框架后台模板 ,好不容易找到的,
NULL 博文链接:https://cxl2012.iteye.com/blog/1551273
这是一套很漂亮的后台管理模板,可以用于网站后台和企业管理系统的UI界面,具有全面的UI套装,包括甘特图、表格、各类元素等等。更重要的是采取了页面加载时是【静态加载】而无需重新刷新页面,会给客户非常好的用户...
JSP_servlet+mysql+jquery+bootstrap实现的后台管理系统 个人的大一下期末大作业
jquery+ajax+jsp+servlet实现二级级联菜单,这是自己在实践中总结的一点小经验,代码从前台JAP到Servlet以及后台数据库设计,测试数据完整的流程,相信有点java基础的同仁们都可以看得明白