发表于: 2017-04-13 22:25:01
3 1184
1.今天完成的事情
(1)今天开始看Ajax,看了js原生的Ajax的用法。
1.可以确定是同步还是异步,同步是单向的,必须等服务器响应过后再执行之后的代码,但是异步可以不等服务器响应,就跳过这个等待,先执行下面的。
2.get,post,put,delete,get只是从服务器上面get信息,不能更改,是幂等的,不管你调用多少次,都不会影响服务器上面的数据,但是get到的数据对所有人可见,不是特别安全,一般用来查询。
post可以修改服务器上面的数据,比get更加安全,一般用来新增数据。
put一般用来修改数据,delete一般用来删除数据。
3.各种不同的状态码代表什么,1XX代表收到请求,正在处理,2XX代表请求被接受,处理成功。3XX代表请求没成功,客户需要采取进一步操作,4XX代表客户端错误,表示客户端提交的请求有误,比如404.5XX代表服务器错误,服务器不能完成对请求的处理。
3.XHR的主要用法如下
第一步新建一个request对象,第二步调用open方法,用get,post等,第三步发送一些数据,第四步监听是否成功,然后做些事情。
var request = new XMLHttpRequest();
request.open("post","carrots-admin-ajax/a/login",true);
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
request.send("name="+n+"&pwd="+p);
request.onreadystatechange = function() {
if(request.readyState ===4 &&request.status === 200) {
// dosomething
}
}
};
4.看了下jquery的ajax函数是如何使用的,明天再用Jquery写一下。
3.遇到的问题
1.打开showdowshocks后,再用nginx的localhost就打不开了,以为是nginx出了什么错,后来关了showdowshocks才好,原来是ss会把流量强行转成走代理,访问的localhost就再也不是nginx里面配置的那个了。所以就无法使用nginx 的。
2.没写requestheader,没确定传输过去的数据类型,一直输入对的用户名和密码反馈用户不存在,简直抓狂,后来加上一个header就好了,蛋碎。
4.收获
1.原生用ajax如何使用,了解状态码的意义,还有header的重要性。
2.了解Jquery的ajax如何使用。
评论