使用Ajax请求数据

落日映苍穹つ 2022-09-14 06:22 213阅读 0赞

**本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。**

引言

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

问题描述

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

解决方案

格式：$.ajax\{()\};

参数：type:请求方式

url:请求地址

asnys:是否请求异步

datatype：预期返回数据类型

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

error:请求失败时如何处理

语法：$.ajax\{(

//开始写jquery代码

)\}；

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

![c2073aa3d18a70d522ee79e2cb5aca0d.png][]

![368db5d614fae1ff0c5c641ae138bf2a.png][]

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

代码清单 1

<table> 
 <tbody> 
 <tr> 
 <td>&lt;script src="jquery-1.11.0.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;&lt;script type="text/javascript"&gt;$.ajax({ type:"get",url:"data.txt",data:{ uname:"zhangsan"},success:function(data){ console.log(data);}});&lt;/script&gt;</td> 
 </tr> 
 </tbody> 
</table>

结语

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

实习编辑：王晓姣

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

[c2073aa3d18a70d522ee79e2cb5aca0d.png]: /images/20220828/f35e5e3b7d5d4314893f3f2a68f73247.png
[368db5d614fae1ff0c5c641ae138bf2a.png]: /images/20220828/b8038e4297844fef8f98455c81164459.png