发表于: 2017-05-04 21:54:11

7 1123



今天完成的事情:


 配置nginx,通过修改server_name来访问自己的页面;server_name默认是localhost,不修改直接在地址栏输入


localhost也是可以的;还有修改server_name之后还要修改hosts文件;把初始localhost改成server_name修改后的


名字;   hosts文件的路径:C:\Windows\System32\Drivers\Etc



然后利用nginx的反向代理的功能,实现跨域(跨域还有其他方法)


2.安装Postman,使用Postman可以测试接口是否正常,是否可以返回我们需要的东西;


把接口的相关信息输入就可以得到数据;


3.用javascript发起异步请求,将输入框的值发送给接口:


$("#Land").click(function () {
var name=document.getElementById("Name").value;
   var password=document.getElementById("Password").value;
   var ajaxs=new XMLHttpRequest();//创建一个新的Ajax
   ajaxs.open("POST","/a/a/login",true);
   ajaxs.setRequestHeader("Content-type", "application/x-www-form-urlencoded");//设置HTTP头信息.必须在open与send之间,否则出现异常
   ajaxs.send("name="+name+"&pwd="+password);//发送给服务器的内容
   ajaxs.onreadystatechange = function () {
if (ajaxs.readyState === 4) {
if (ajaxs.status === 200) {
var jsons = JSON.parse(ajaxs.responseText);
               console.log(jsons);
               if (jsons.code === 0) {
window.location.href = "https://www.baidu.com/"

               } else {
alert("帐号或密码错误")
}
}
}
}
});


明天计划做的事情:JQuery中有封装好了的javascript异步请求;代码量更小,更实用,明天尝试使用JQuery发起


异步请求;情况允许的话进军angular。


遇到的问题:修改server_name之后在浏览器输入修改后的名字不起作用;修改  hosts后就可以了;任务的大体思


路差不多了,但是感觉这里面有太多知识了自己了解的只是那么一丢丢;


收获:配置nginx访问自己的项目:修改hosts文件;使用Postman测试接口;用javascript发起异步请求;






返回列表 返回列表
评论

    分享到