package controller;import javax.servlet.http.HttpServletRequest;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestMethod;import org.springframework.web.bind.annotation.ResponseBody;@Controllerpublic class AjaxHandler {@RequestMapping(value = "/ajax.action", method = RequestMethod.POST, produces = "text/html;charset=UTF-8")@ResponseBodypublic String method1(HttpServletRequest request) {// 獲得key為username的valueString username = request.getParameter("username");// 處理獲得的參數System.out.println(username);String reslut = "登入成功:" + username;// 返回結果return reslut;}}
前台代碼
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(function() { /* Ajax post */ $('#submitbt').click(function() { var Username = $("#username").val(); $.post("ajax.action", { username : Username, }, function(data) { //從後台傳過來的資料 alert(data); }); }); /* Ajax post */ }); </script> <body> <form action="" method="post"> username<input type="text" name="username" id="username" /> <input type="button" value="Ajax" id="submitbt"> </form> </body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
