发表于: 2017-04-14 23:50:43

7 1247


今天完成的事情-收获:

配置nginx,通过nginx启动一个本地http服务,通过nginx设置的server_name访问项目页面,

这里我是直接看的古城师姐的知乎配置nginx:https://www.zhihu.com/question/41430703;

编写登录页面:发现CSS有些生了

查看学习资料——《HTTP协议入门》

查看学习资料——《AJAX XHR》

查看学习资料——《JQuery AJAX》

我的理解与笔记:

AJAX 也就是完成异步的一个要素,官方说法就是无需重新加载整个网页的情况下能够更新部分网页的技术。

异步交换-用JS操作DOM,动态局部刷新

我的理解就是 让一个页面部分刷新 而不是刷新整个页面(如果刷新整个页面那么用户就要重新输入东西,而且浪费资源)

http请求

get请求:信息获取————这个东西执行多少次效果都是一样的。

用URL传递参数

对所发送信息的数量也有限制。

发送:一般在2000个字符内

post 请求:一般用于修改服务器上的资源 对所发送信息的数量无限制

这个东西能更安全的修改服务器资源

这里要说一个坑。。某慕说大部分时候用的是get所以POST的内容我就跳了跳。然后发现咱们任务要求是POST

状态码:

这里我觉得只要关注2XXX开头的就行它就是表示用户请求被正确的接收,理解,和处理;

HRS取得响应

readystate属性

只要是4:  就表示请求已完成,且响应已就绪和响应完成

然后看到这里我就尝试着仿照教程写了写

/*$("#btn").click=function() 

{

var int1 = $("#int1").val();

var int2= $("#int2").val();

var request=new XMLHttpRequest();

request.open("GET","/carrots-admin-ajax/a/login"+int1)//true是默认的

request.setRequestHeader("Content-type","application/x-www-form-urlencoded");

request.send("neme=+int1&pwd=+int2");

request.onreadystatechange=function(){

if (request.readyState===4&&request.status===200) {

alert("登陆成功")

}

else{

alert("密码或账号错误"+request.status)

}

}

}*/

然后回过头来看了看需求 还要用JQ写啊 然后就改了改代码。然后就改到了自己懵逼的一个状态(这里底下会说)

为什么要跨域:

这样才能在不同的域之间相互请求资源

正向代理的概念-百度是这样说的:

正向代理,也就是传说中的代理,他的工作原理就像一个跳板,

简单的说,

我是一个用户,我访问不了某网站,但是我能访问一个代理服务器

这个代理服务器呢,他能访问那个我不能访问的网站

于是我先连上代理服务器,告诉他我需要那个无法访问网站的内容

代理服务器去取回来,然后返回给我

从网站的角度,只在代理服务器来取内容的时候有一次记录

有时候并不知道是用户的请求,也隐藏了用户的资料,这取决于代理告不告诉网站

结论就是 正向代理 是一个位于客户端和原始服务器(origin server)之间的服务器,为了从原始服务器取得内容,客户端向代理发送一个请求并指定目标(原始服务器),然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端必须要进行一些特别的设置才能使用正向代

这里我就发现这不就是培宇说的翻墙么?

对话如下(1=我 2=陪宇):

1“哎?你用啥翻墙?我都用小飞机很好用”

2“我?我都是自己配置服务器啊”

1“......”

2“很简单,咱们的网络只是被一堵墙挡住了 但是咱们可以绕过这堵墙

请求不到国外的服务器但是可以请求香港的服务器。让香港的服务器做个代理帮咱们去访问国外的服务器”

1“....”

现在想来这不就是正向代理嘛?;

反向代理的概念

继续举例:

例用户访问 http://ooxx.me/readme

但ooxx.me上并不存在readme页面

他是偷偷从另外一台服务器上取回来,然后作为自己的内容吐给用户

但用户并不知情

这很正常,用户一般都很笨

这里所提到的 ooxx.me 这个域名对应的服务器就设置了反向代理功能

结论就是 反向代理正好相反,对于客户端而言它就像是原始服务器,并且客户端不需要进行任何特别的设置。客户端向反向代理 的命名空间(name-space)中的内容发送普通请求,接着反向代理将判断向何处(原始服务器)转交请求,并将获得的内容返回给客户端,就像这些内容 原本就是它自己的一样


看到这里我就想:

反向:另外一台服务器上取回来,然后作为自己的内容吐给用户?

咱们的登陆页不就是自己做一个登陆页 然后登陆到一个接口给的页面(自己并没有这个页面)么?这样理解不知道对不对家建求解?

明天计划的事情:

估计今晚上就可以完善完善 任务5 开始任务6 也准备回头解决前面遗留的问题(这个在深夜做)。 

遇到的问题: 

也就是上面对任务中反向代理的理解对么?

还有就是本来代码感觉各种功能都差不多了然后到了中午 就很困。。然后写了一堆自己都不知道是啥的东西 越改越乱

以后绝对不再这样的状态下写代码!!!!!

然后就是在很困很懵逼的状态下写出来的东西:

$(document).ready(function() {

$("#btn").click(function() {

$.ajax({

type:"post",

url:"carrots-admin-ajax/a/login",

dataType:"json",

data:{

name:$("#int1").val(),

pwd:$("#int2").val(),

},

val obj=JSON.parse(data),

if (obj.message==success) {

window.location="www.baidu.com"

}

else{

alert("密码或账号错误")

}

/*success:function(data){

if(data.success){

alert("123")

}

},

error:function(jqXHR) {

alert("发生错误:"+jqXHR.status);

}*/

});

});

});


我知道有错。。深夜不困了我估计就能改好。

今天和明月师姐聊了很多。。体会就是:任务做的慢就慢把。。。别和别人比进度。希望自己踏实一点。


返回列表 返回列表
评论

    分享到