Web阶段：第二十章：Ajax请求

什么是Ajax请求？ AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 ajax是一种浏览器异步发起请求。局部更新页面的技术。 1、异步发起请求 2、局部更新页面

原生Ajax请求的实现（了解）

<script type="text/javascript">
    function ajaxRequest() {
12

// 1、我们首先要创建XMLHttpRequest var xmlHttpRequest = new XMLHttpRequest(); // 2、调用open方法设置请求参数 xmlHttpRequest.open(“GET”, “http://localhost:8080/day17/ajaxServlet?action=javaScriptAjax”, true); // 4、在send方法前绑定onreadystatechange事件，处理请求完成后的操作。 xmlHttpRequest.onreadystatechange = function(){ if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) { alert(“响应回来啦”); // alert(“服务器返回的数据是：” + xmlHttpRequest.responseText); var jsonObj = JSON.parse( xmlHttpRequest.responseText ); // alert( “编号：” + jsonObj.id + “,姓名：” + jsonObj.name ); document.getElementById(“div01”).innerHTML = “编号：” + jsonObj.id + “,姓名：” + jsonObj.name; } } // 3、调用send方法发送请求 xmlHttpRequest.send(); alert(“这是请求后面的代码”); }

Jquery中的Ajax请求 $.ajax方法 url 请求的地址 type 请求的方式GET或POST data 请求的参数（发送给服务器的数据） 支持两种格式 一：name=value&name=value 二: { 属性名:值 }

success 请求成功后响应的函数 dataType 服务器回传的数据类型 1.text返回纯文本、 2.xml、 3.json返回json对象

案例：

// ajax请求 $("#ajaxBtn").click(function(){

$.ajax({
    url:"http://localhost:8080/day17/ajaxServlet",
    type:"GET",

更多内容请见原文，原文转载自：https://blog.csdn.net/weixin_44519496/article/details/120716873