发表于： 2019-11-29 00:26:57
1 1109
今天完成的事：
完成了用js发送异步请求，通过new XMLhttpRequest生成一个实例，然后用实例的open方法发起指定http请求的参数，在本次任务中是向后端发送请求，所以http请求的动词方法用POST，然后再填写url也就是后端接口的地址，此时考虑到跨域的问题，因为ajax只能发起同域请求，同域指的是端口以及server_name都相同。跨域有很多种方法其中最万金油的就是用nginx来跨域，将本地html和目标接口设置到同一个域名内，即可完成跨域代码如下：
跨域搭建完成之后重新填写url，直接按照任务文件上指定的接口输入/carrots-admin-ajax/a/login即可指向目标接口,然后在发送POST请求的时候需要对requestHeader进行设置如下：
然后即可调用send方法发送，post请求需要在send方法里面添加要发送的值，发送任务指定格式的值之后即可得到返回值。我们通过设置onreadystatechange进行对xhr的监听，当readystate等于4且status等于200时表示我们发起的请求成功完成，我依照对这两个值进行判定，并通过responseText接受返回值，然后用JSON.parse解码JSON格式，然后根据解码得到的值来操作dom。
明天要做的事情：
继续学习JQ操作AJAX并完成任务5
返回列表
评论