AJAX（局部刷新数据）

最新推荐文章于 2024-04-23 00:29:43 发布

玉爷~

最新推荐文章于 2024-04-23 00:29:43 发布

阅读量1.1w

点赞数 2

分类专栏： # 初学servlet、jsp 文章标签： ajax

本文链接：https://blog.csdn.net/qq_40638598/article/details/89144804

版权

初学servlet、jsp 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

1、AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）

2、特点：

页面没有改变

异步发送请求，获取数据

数据响应时间不确定

不能与同步一起使用（同步的业务数据不能通过异步来得到）

打电话——同步

发短信——异步

3、应用

——注册用户名验证

——自动补全

——网络电视下面的广告

——crud

Ajax——x xml——数据交换——json

4、javaScript——XMLHttpRequest对象

5、使用原始的xmlhttprequest对象三个步骤：

a）创建爱你xmlhttprequest对象

b）发布异步请求open()，send()

例：open(“GET”,”a.jsp”,”true”);

send(null);

c）编写回调函数onreadstatechange

Jsp:

<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
	<script type="text/javascript">
		$(function(){
			$("input").click(function(){
				$.post("ajax",{name:"yuye"},function(date){
					$("div").html(date);
				});
			});
		});
	</script>
</head>
<body>
	<p>静夜思</p>
	<input type="button" value="显示" />
	<div></div>
</body>

Servlet:

@WebServlet("/ajax")
public class AjaxServlet extends HttpServlet{


	protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		req.setCharacterEncoding("utf-8");
		System.out.println(req.getParameter("name"));
		resp.setCharacterEncoding("utf-8");
		//resp.setContentType("text/html");
		resp.getWriter().println("窗前明月光，疑似地上霜。\n举头望明月，低头思故乡。");
	}

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

玉爷~

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
AJAX（局部刷新数据）

1、AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）2、特点：页面没有改变异步发送请求，获取数据数据响应时间不确定不能与同步一起使用（同步的业务数据不能通过异步来得到）打电话——同步发短信——异步3、应用——注册用户名验证——自动补全——网络电视下面的广告——crudAja...
复制链接

扫一扫