大二上每日总结
今日实现了用AJAX视线form表单提交的功能,用AJAX提交表单可以实现异步提交,不用刷新页面,简化工作量并让用户有更好的体验
代码部分:
<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function(){ $("#buttonid").click(function(){ $.getJSON("/BuyIII/BusinessManServlet","method=additems&"+$("#form1").serialize(),function(data){ if(data==1) { alert("添加成功!") } }); }); }) </script>
<form id="form1">
<table align="center">
<tr>
<td><input type="text" required="required" placeholder="商品编号" name="itemid"></td>
</tr>
<tr>
<td><input type="text" required="required" placeholder="商品名" name="itemname"></td>
</tr>
<tr>
<td><input type="text" required="required" placeholder="商品价格" name="itemprice"></td>
</tr>
<tr>
<td><input type="text" required="required" placeholder="商品数目" name="itemnum"></td>
</tr>
</table>
</form>
<table align="center">
<tr>
<td><button id="buttonid" class="but">确认添加</button></td>
</tr>
</table>
Servlet部分:
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { // TODO Auto-generated method stub req.setCharacterEncoding("utf-8"); String method=req.getParameter("method"); HttpSession session=req.getSession(); switch(method.charAt(0)) { case 'a': String itemidstr=req.getParameter("itemid"); Integer itemid=Integer.parseInt(itemidstr); String itemname=new String(req.getParameter("itemname").getBytes("ISO-8859-1"),"utf-8"); String itempricestr=req.getParameter("itemprice"); Integer itemprice=Integer.parseInt(itempricestr); String itemnumstr=req.getParameter("itemnum"); Integer itemnum=Integer.parseInt(itemnumstr); Items items=new Items(itemid,itemname,itemprice,itemnum); itemsrepository.itemsAdd(items); String flag="1"; Gson gson=new Gson(); String Str=gson.toJson(flag); resp.getWriter().write(Str); } }
运行效果: