大二上每日总结

今日实现了用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);
        }
        
    }

运行效果:

原文地址:https://www.cnblogs.com/fengchuiguobanxia/p/14133830.html