AJAX
概念
Asynchronous JavaScript And XML :异步的JavaScript 和 XML
异步和同步:
Ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,通过在后台与服务器进行少量的数据交换,Ajax可以使网页实现异步更新。这意味着可以不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页如果需要更新内容,必须重新加载整个网页页面。
实现方式
JQeury实现方式
JQuery实现方式 | 语法 | 参数 |
$.ajax() | $.ajax({键值对}) | url:请求路径,type:请求方式,data:post请求方式参数seccess:响应成功后的回调函数,error:表示如果请求响应出现错误,会执行的回调函数 |
$.get() | $.get(url,[data],[callback],[type]) | url:请求路径,data:请求参数信息,callback:回调函数,type:响应结果类型 |
$.post() | $.get(url,[data],[callback],[type]) | url:请求路径,data:请求参数信息,callback:回调函数,type:响应结果类型 |
$.ajax()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.0.0.js"></script>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script>
function f() {
//使用$.ajax()发送异步请求
$.ajax({
url:"ajaxServlet",//请求的路径
type:"POST",//请求方式
//data:"username=jack&age=23",//第一种方式:post请求方式携带的参数