jQuery之Ajax实战

最新推荐文章于 2025-10-29 14:17:56 发布

原创

最新推荐文章于 2025-10-29 14:17:56 发布 · 3.9k 阅读

收录于

本文介绍了Ajax技术的定义及其特点，强调了它在创建交互式网页和实现异步更新中的作用，避免了整个网页刷新的需求。接着，文章聚焦于jQuery的Ajax实战，讲述了如何使用jquery-3.2.1.js编写jquery.jsp和实现servlet代码，展示了Ajax在jQuery中的实际应用。

Ajax

定义：1.Ajax即"Asynchronous Javascript And XML"，（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。
2.特点：
a.Ajax是一种用于创建快速动态网页的技术。
b.Ajax是一种无须重新加载整个网页，能够刷新部分网页的技术。
c.通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。
d.传统网页如果要更新某处内容，就必须将整个网页刷新。

jQuery之Ajax实战

此项目用的是jquery-3.2.1.js
在这里插入图片描述
1.编写jquery.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
	$(function() {
   
   
		$("#username"