在Pycharm中运行Django项目如何指定运行的端口-CFANZ编程社区

AJAX

1、什么是Ajax

ajax 全名 async javascript and XML(异步JavaScript和XML)

是一种用于创建快速动态网页的技术

是前后台交互的能⼒也就是我们客户端给服务端发送消息的⼯具，以及接受响应的⼯具

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

是⼀个默认异步执⾏机制的功能,AJAX分为同步（async = false）和异步（async = true）

2、同步与异步的区别

什么是同步请求？(false)

同步请求是指当前发出请求后，浏览器什么都不能做，必须得等到请求完成返回数据之后，才会执行后续的代码，相当于生活中的排队，必须等待前一个人完成自己的事物，后一个人才能接着办。也就是说，当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面处于一个假死状态，当这个AJAX执行完毕后才会继续运行其他代码页面解除假死状态

什么是异步请求？(默认:true)

默认异步：异步请求就当发出请求的同时，浏览器可以继续做任何事， Ajax发送请求并不会影响页面的加载与用户的操作，相当于是在两条线上，各走各的，互不影响。一般默认值为true，异步。异步请求可以完全不影响用户的体验效果，无论请求的时间长或者短，用户都在专心的操作页面的其他内容，并不会有等待的感觉。

3.AJAX 的优势

不需要插件的⽀持，原⽣ js 就可以使⽤
⽤户体验好（不需要刷新⻚⾯就可以更新数据）
减轻服务端和带宽的负担
缺点：搜索引擎的⽀持度不够，因为数据都不在⻚⾯上，搜索引擎搜索不到

4.实现AJAX的基本步骤

要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤:

创建XMLHttpRequest对象,即创建一个异步调用对象.
创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.
设置响应HTTP请求状态变化的函数.
发送HTTP请求.
获取异步调用返回的数据.
使用JavaScript和DOM实现局部刷新.

5.AJAX 的使用

在 js 中有内置的构造函数来创建 ajax 对象

创建 ajax 对象以后，我们就使⽤ ajax 对象的⽅法去发送请求和接受响应

Ajax的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于XMLHTTP组件XMLHTTPRequest对象。

XMLHttpRequest 对象方法描述

1.创建⼀个 ajax 对象

上⾯就有了⼀个 ajax 对象我们就可以使⽤这个 xhr 对象来发送 ajax 请求了

2.配置链接信息

XMLHttpRequest 对象属性描述(用于和服务器交换数据)

上⾯的代码执⾏完毕以后，本次请求的基本配置信息就写完了

3.发送请求

上面代码是把配置好信息的 ajax 对象发送到服务端

一个最基本的 ajax 请求就是上面三步但是光有上面的三个步骤，我们确实能把请求发送到服务端如果服务端正常的话，响应也能回到客户端但是我们拿不到响应如果想要拿到响应，我们需要有两个前提条件

本次 HTTP 请求是成功的，也就是我们下面要说的 http 状态码为 200 ~ 299
ajax 对象也有自己的状态码，用来表示本次 ajax 请求中各个阶段

6.AJAX 状态码

ajax 状态码 - xhr.readyState
是用来表示一个 ajax 请求的全部过程中的某一个状态

这个时候我们就会发现，当一个 ajax 请求的全部过程中，只有当 readyState === 4 的时候，我们才可以正常使用服务端给我们的数据
所以，配合 http 状态码为 200 ~ 299

两个条件都满足的时候，才是本次请求正常完成

readyStateChange

在 ajax 对象中有一个事件，叫做 readyStateChange 事件这个事件是专⻔用来监听 ajax 对象的 readyState 值改变的的行为也就是说只要 readyState 的值发生变化了，那么就会触发该事件所以我们就在这个事件中来监听 ajax 的 readyState 是不是到 4 了

使用 ajax 发送请求时携带参数