发表于: 2020-01-21 23:26:22

0 1207


今天完成的事

1,使用postman向任务提供的接口post信息;

nginx配置文件(需要放入http{放入里面});

     server {

     listen      12;

     server_name  local.jnshu.ptteng.com;

    

     location / {

              root   C:\\Users\\Administrator\\Desktop\\trunk\\app;

              index  index.html index.htm;

              try_files $uri $uri/ /index.html =404;

        }

        location  /carrots-admin-ajax/{ 

               proxy_pass http://dev.admin.carrots.ptteng.com/;

        }

}


2,学习使用ajax;

有原生写法:

/原生
//创建XMLHttpRequest实例对象
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {
        if ((xhr.state >= 200 && xhr < 300) || xhr.state == 304) {
            alert(xhr.responseText);
        } else {
            alert("请求失败" + xhr.state);
        }
    }
}
xhr.open("POST""xxx.jsp"true);  //true代表异步  false代表同步
xhr.send(null);

Jquery写法:

//jquery写法
$.ajax ({
    url: "xxx.jsp",
    type: "GET",
    data: {"key": "value"},
    dataType: "json",
    success: function(data) {
        alert("请求成功" + data);
    }
})

可以看出Jquery封装过的ajax方法更加简洁,但学会原生写法也有助于理解xhr的创建过程;

明天的计划

1,向任务提供的接口通过html提交数据;

遇到的问题

1,postman发送测试信息返回不符预期,然后去查看nginx的相关配置信息发现nginx启动失败,随后去nginx的报错日志文件查找出错信息发现将配置信息放错了地方,随后进行修正后可以启动;

2,启动后尝试连接依旧失败,随后又重新多次查看nginx配置文件,进行部分修改,然后还在window配置hosts文件中添加

127.0.0.1    localhost;

结果又发现没有权限修改hosts文件,随后找到以管理员身份启动记事本再打开hosts文件。修改保存成功;

收获

1,ajax的学习使用以及使用ajax的好处,毫无疑问,在当前页面中不重新加载的情况下,对页面进行局部刷新,大大提高了用户的体验,不会在加载数据未完成时造成空挡的情况,而是在需要及时通过后台传输相应的数据并进行展示,让页面于用户的交互性大大提高;

2,反向代理的初步认知;


返回列表 返回列表
评论

    分享到