使用Ajax请求数据_vlambda技术博客

vlambda
2022-02-09

使用Ajax请求数据

引言

首先我们需要了解什么是异步请求和同步请求。同步请求：就是在发送一个请求之后，需要等待服务器响应返回，才能够发送下一个请求；异步请求：不需要整个页面的全部刷新，仅是需要页面的局部数据刷新即可时。举个生活中的例子，当你面前有两件事：泡茶和扫地，如果当你站在水壶前等水烧开泡完茶，再去扫地，这就叫同步请求；如果当你一边烧水，一边扫地，等水烧开后再去泡茶，这就叫异步请求。在网页中，异步请求又称为AJAX。简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。

问题描述

Jquery调用ajax有三种方法：第一种：$.ajax，第二种：$.get，第三种：$.post。这次介绍的就是第一种方法。

解决方案

格式：$.ajax{()};

参数：type:请求方式

asnys:是否请求异步

datatype：预期返回数据类型

success：请求成功时调用此函数

error:请求失败时如何处理

语法：$.ajax{(

//开始写jquery代码

)}；

实例：使用$.ajax请求本地data文件里的数据

通过实验、实践等证明提出的方法是有效的，是能够解决开头提出的问题。

代码清单 1

$.ajax({

type:"get",

url:"data.txt",

data:{

uname:"zhangsan"

success:function(data){

console.log(data);

}

});

</script>

结语

此方法可以有效解决大部分请求本地数据。

实习编辑：王晓姣

稿件来源：深度学习与文旅应用实验室（DLETA）

vlambda博客
学习文章列表