使用Ajax请求数据

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

引言

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

问题描述

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

解决方案

格式：$.ajax{()};

参数：type:请求方式

url:请求地址

asnys:是否请求异步

datatype：预期返回数据类型

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

error:请求失败时如何处理

语法：$.ajax{(

     //开始写jquery代码

)}；

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

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

代码清单 1 

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

结语

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

实习编辑：王晓姣

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