发表于: 2019-11-22 23:05:47

0 909



今天完成的事


开始进行任务5,任务5讲的是AJAX,AJAX主要包括以下几个步骤:创建一个AJAX对象,然后发出HTTP请求,接收服务器传回的数据,更新网页数据。AJAX大部分情况下是异步请求,异步请求简单来讲就是发送一个请求后不等待继续进行下面代码的解析。

XMLHttpRequest对象用来在浏览器与服务器之间传送数据。

var ajax = new XMLHttpRequest();ajax.open('GET', 'http://www.example.com/page.php', true);

上面代码向指定的服务器网址,发出get请求。

然后,AJAX指定回调函数,监听通信状态的变化。拿到数据后,AJAX不会刷新整个网页,而是更新相关部分,从而不打断用户正在做的事情。

反向代理:当我们访问网站时有时候会遇到跨域的问题,比如以ip的身份访问域名等等,出于安全考虑,浏览器禁止这类访问,通过反向代理就可以访问,用nginx反向代理服务器,通过修改nginx.conf文件配置,posxy_pass后面写上你想要访问的网址,nginx会通过你访问你的severname来自动转向你指定的网址。

readyState是一个只读属性,用一个整数和对应的常量,表示XMLHttpRequest请求当前所处的状态。

  • 0,对应常量UNSENT,表示XMLHttpRequest实例已经生成,但是open()方法还没有被调用。
  • 1,对应常量OPENED,表示send()方法还没有被调用,仍然可以使用setRequestHeader(),设定HTTP请求的头信息。
  • 2,对应常量HEADERS_RECEIVED,表示send()方法已经执行,并且头信息和状态码已经收到。
  • 3,对应常量LOADING,表示正在接收服务器传来的body部分的数据,如果responseType属性是text或者空字符串,responseText就会包含已经收到的部分信息。
  • 4,对应常量DONE,表示服务器数据已经完全接收,或者本次接收已经失败了。

明天计划的事情:继续任务5.


收获:有点了解ajax的工作原理,接下来的时间里继续学习,争取早日掌握。正确的打开方式应该是从nginx服务器上打开登陆界面进行登陆,虽然还是有问题,但是我会解决的。



返回列表 返回列表
评论

    分享到