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

2023-09-05 15:33:04 浏览数 (1)

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

原生Ajax请求的实现(了解)

代码语言:javascript复制
<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(){

代码语言:javascript复制
$.ajax({
    url:"http://localhost:8080/day17/ajaxServlet",
    type:"GET",

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

0 人点赞