发表于: 2019-02-17 22:15:44

1 573


今天完成的事情:

1.学习Ajax:AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。

2.发起ajax通信:

//创建XMLHttpRequest对象

  let xhr = new XMLHttpRequest();

//向服务器发送请求

  x.open("post", "/carrots-admin-ajax/a/login", true);

//使用post方法需要设置content-type

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

  x.send("name=" + user + "&pwd=" + pass);

//触发 onreadystatechange 事件

  x.onreadystatechange = function () {

    // 通信成功时,状态值为4

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

      let data = JSON.parse(x.responseText);

      console.log(data);

      if (data.code == 0) {

        location.assign("http://dev.admin.carrots.ptteng.com/"); 

      } else {

        document.querySelector("p").innerHTML = data.message;

    }

  }

3.使用Jquery发起ajax通信

$.ajax({

  type:"post",

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

  data:{name:user,pwd:pass},

  success:function (data) {

    console.log(data);

    if(data.code===0){

      location.assign("http://dev.admin.carrots.ptteng.com/");

    }else {

      $("p").text(data.message);

    }

  },

  datatype:"json"

});

明天计划的事情:

学习任务五

遇到的问题:

收获:

了解ajax通信



返回列表 返回列表
评论

    分享到