发表于： 2017-04-29 23:26:28
2 1232
今天完成的事情：
1、学习了分别使用利用AJAX和JQ向服务器发送请求。
2、了解了跨域及利用nginx反向代理进行跨域。
3、学习创建XMLHttpRequest 对象（XHR），以及请求和响应。
4、配置nginx反向代理，使本地能访问服务器接口，返回正确的值
明天计划的事情：
1、完成任务5的学习。添加上登陆的表单验证。
2、继续加深了解，AJAX和jq中的AJAX方法。
3、继续学习JS基础。
遇到的问题：
1、对于nginx的正向和反向代理还有点理解不清楚，明天再看看。
2、开始利用post请求http://dev.admin.carrots.ptteng.com/，后来看了师兄的代码，发现他们都是请求的 后台——/carrots-admin-ajax/ 这个困扰了许久。。。
$.post("/carrots-admin-ajax/a/login",{
3、暂时利用jq实现了，明天用原生js做一遍。
收获：
1、跨域是指a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，或是a页面为ip地址，b页面为域名地址，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。
2、跨域的常见解决方法
1.jsonp 需要目标服务器配合一个callback函数。
2.window.name+iframe 需要目标服务器响应window.name。
3.window.location.hash+iframe 同样需要目标服务器作处理。
4.html5的 postMessage+ifrme 这个也是需要目标服务器或者说是目标页面写一个postMessage，主要侧重于前端通讯。
5.CORS 需要服务器设置header ：
Access-Control-Allow-Origin。6.nginx反向代理 这个方法一般很少有人提及，但是他可以不用目标服务器配合，不过需要你搭建一个中转nginx服务器，用于转发请求。
暂时只了解最后一个，其他的以后有时间的时候再去了解一下。
返回列表
评论