jqueryajax登录php

1. php如何获取jquery ajax传递过来的值

方法和详细的操作步骤如下：

1、第一步，安装并配置PHP集成环境，以phpstudy为例，见下图，转到下面的步骤。

2. Ajax、Fetch、Axios 篇

Ajax是async javaScript and xml的缩写，是一种可以扩展的文本标记语言，常用于从服务端返回数据结构，现在基本都是使用 json 格式返回数据。在不刷新全局的条件下，局部刷新页面是Ajax的主要作用。

创建Ajax实例的方法为let xhr = new XMLHttpRequest()，注意：IE6不兼容这种写法。打开请求时，配置请求前的配置项共有5个参数，包括：xhr.open([http method], [url], [async], [userName], [userPass])。常用的http方法有post，get，delete，put，head，options，trace，connect等。url表示想服务器请求的api，async代表异步，默认为true，userName和userPass分别代表用户名和密码。

Ajax状态一共有5种，分别是：0（unsent，刚创建的XMLHttpRequest实例，还没有发送）、1（载入，已调用send()方法，正在发送请求）、2（载入完成，send()方法执行完成，已经接收到全部响应内容）、3（loading，正在解析响应内容）、4（done，表示响应的主体内容解析完成，可以在客户端调用）。

HTTP常见状态码包括：1xx（信息，服务器收到请求，需要请求者继续执行操作）；2xx（表示请求已经被服务器接收，理解，请接受），常见的有200表示ok，204No Content表示无内容；3xx（重定向，需要进一步的操作以完成请求）；4xx（客户端错误，请求包含语法错误或无法完成请求，无法被服务器端理解），包括400（请求的参数错误）、401（无权限访问）、404（请求的资源不存在）、413（和服务器的交互过大）；5xx（服务器端出错，服务器在处理请求的过程中发生了错误），包括500（表示服务器端出现未知的错误）、503（服务器超负荷）。

Ajax中常用的属性和方法有：onabort（请求中断后要处理的事，和xhr.abort()一起使用）、ontimeout（请求的超时，执行的方法，和timeout设定的事件一起使用）、response（响应的主体内容）、responseText（响应的具体内容是字符串，一般是json字符串）、responseXML（响应的具体内容是文档）、status（http的状态码）、statusText（状态码描述）、withCredentials（表示是否允许跨域）、getAllResponseHeaders（获取所有响应头信息）、xhr.open()（打开URL请求）、xhr.send()（表示发送ajax）、setRequestHeader()（设置请求头，这个属性在必须在xhr.open()后面）。

思考：post和get有什么区别？在所有请求方法中都可以从服务端获取数据和传递内容，GET和POST本质上就是TCP链接，并无差别，但是由于HTTP的规定和浏览器/服务器的限制，具体由以下区别：1、从缓存的角度上说，get请求会被浏览器默认缓存下来，而post请求默认不会。2、从参数来说，get请求的参数一般放在url中，post请求是放在请求主体中，因此post请求更安全一些。从TCP来说，get产生一个TCP数据包；post产生两个TCP数据包。

Axios是使用promise封装的ajax，axios不是一个类而是一个方法。axios的createInstance底层根据默认设置新建一个Axios对象，axios中的所有请求[axios，axios.get，axios.post等...内部调用的都是Axios.prototype.request，将Axios.prototype.request的内部this绑定到新建的Axios对象上，从而形成一个axios实例。新建一个Axios对象时，会有两个拦截器，request请求拦截器和response响应拦截器。

axios的特点包括：axios是一个基于promise的HTTP库，支持promise的所有API，它可以拦截请求和响应，它可以转换请求数据和响应数据，并对响应回来的内容自动转换成JSON类型的数据，安全性更高，客户端支持防御XSRF。

Axios的常用方法有：axios.post(url[, data[, config]])：post请求用于信息的添加；axios.delete(url[, config])：删除；axios.put(url[, data[, config]])：更新操作；axios.patch(url[, data[, config]])。

思考：axios.all()是怎么实现并发请求的？axios.all()使用的是promise.all()实现的，来看看axios中的源码。

axios的配置属性包括：url：'/user'，method：'get'，baseURL：'some-domain.com/api/'，这将设置一个Authorization头，覆写掉现有的任意使用headers设置的自定义Authorization头；auth表示HTTP基础验证应当用于连接代理，并提供凭据；这将会设置一个Proxy-Authorization头，覆写掉已有的通过使用header设置的自定义Proxy-Authorization头。

Axios可以说把请求这件事做到了极致，封装的很好用，浏览器支持的方法，除了IE低版本以外，最新版的浏览器都是支持的。

Fetch是http的数据请求方式，是XMLHttpRequest的一种代替方案，没有使用到XMLHttpRequest这个类。fetch()采用模块化设计，API分散在Response对象、Request对象、Headers对象上。fetch()通过数据流（Stream对象）处理数据，对于请求大文件或者网速慢的场景相当有用。XMLHttpRequest没有使用数据流，所有的请求都必须完成后才拿到。在默认情况下fetch不会接受或者发送cookies。

fetch(url,optionObj)基本使用中，fetch参数没有同步的设定，因为fetch是基于promise封装的本身就是异步的。fetch虽然使用的是promise封装，但是catch函数不能直接捕获到错误，需要在第一个then函数内做些操作。fetch发送post请求时，当发生的是跨域请求，fetch会先发送一个OPTIONS请求，来确认服务器是否允许接受请求，这个请求主要是用来询问服务器是否允许修改header等一些操作。服务器同意后返回204，才会发送真正的请求。没有发生跨域的情况下不会产生两次请求。

fetch的三个模块包括：Response对象、Request对象、Headers对象。

fetch发送post两次请求的原因是在使用fetch发送post请求时如果是跨域，那么导致fetch第一次发送了一个Options请求，询问服务器是否支持修改的请求头，如果服务器支持，则在第二次中发送真正的请求。

fetch的缺点包括：get/head请求不能设置body属性；fetch请求后，服务器返回的状态码无论是多少包括(4xx,5xx)，fetch都认为是失败的，也就是使用catch也不能直接捕捉到错误，需要再第一个then中做一些处理。

Ajax、Fetch、Axios综合中，实现一个Ajax可以将原生的Ajax封装成promise。Ajax、Axios、Fetch的区别包括：传统的Ajax利用的是XMLHttpRequest这个对象，和后端进行交互。JQueryAjax是对原生XHR的封装，多请求间有嵌套的话就会出现回调地狱的问题。axios使用promise封装xhr，解决了回调地狱问题。fetch不是XMLHttpRequest，fetch是原生的js，使用的是promise。

fetch使用的是promise方便使用异步，没有回调地狱的问题。要实现一个Ajax请求，可以将原生的Ajax封装成promise。实现两个有顺序的Ajax请求可以使用promise.then()。Ajax解决浏览器缓存问题可以通过设置请求头，例如：anyAjaxObj.setRequestHeader("If-Modified-Since","0") 或 anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。