使用$.ajax方式实现页面异步访问，局部更新的效果

最新推荐文章于 2023-10-22 22:41:37 发布

anzuo20142

最新推荐文章于 2023-10-22 22:41:37 发布

阅读量188

点赞数

文章标签： python java

原文链接：http://www.cnblogs.com/newcityboy/p/11530830.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <script src="js/jquery-3.3.1.min.js"></script>
 <script>
 function fun() {
$.ajax({
url:"ajaxServlet",
 type:"POST",
 data:{
"username":"light",
 "age":12
 },
 success:function (data) {
alert(data);
 },
error:function () {
alert("出错啦");
 },
 dataType:"text"
 });
}
 });
 }

</script>
</head>
<body>
 <input type="button" value="发送异步请求" οnclick="fun();">
 <input type="text">
</body>
</html>

package cn.hopetesting.com;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/**
 * @author newcityman
 * @date 2019/9/16 - 21:53
 */
@WebServlet("/ajaxServlet")
public class AjaxServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
 String username = request.getParameter("username");
 try {
 Thread.sleep(5000);
 } catch (InterruptedException e) {
 e.printStackTrace();
 }
 System.out.println(username);
 response.getWriter().write("hello,"+username+".");
 }

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request, response);
 }
}

转载于:https://www.cnblogs.com/newcityboy/p/11530830.html

anzuo20142

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用$.ajax方式实现页面异步访问，局部更新的效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.3.1.min.js"></script> <sc...
复制链接

扫一扫