Ajax学习总结

Ajax总结：

使用jQuery需要导入jQuery，使用Vue导入Vue，两个都用，自己原生态实现

三步曲：

• 1、编写对应处理的Controller，返回消息或者字符串或者json格式的数据；
• 2、编写ajax请求：
  （1）url ：Controller请求；
  （2）data ：键值对；
  （3）success：回调函数；
• 3、给Ajax绑定事件，点击 click，失去焦点 onblur，键盘弹起 keyup

工作原理

【示例】登录页面

function login() {
       $.ajax({
           url: '/login',	//Controller请求；
           type: 'get',
           dataType: 'text',
           data: {"name": $('#name').val(), "password": $('#password').val()},	//键值对；
           success: function (d) {				//回调函数；
               if (d === "success") {
                   window.location.href = 'show.html';
               } else {
                   window.location.href = 'error.html';
               }
           },
           error: function (XMLHttpRequest, textStatus, errorThrown) {
               alert(XMLHttpRequest.status); // 200
               alert(textStatus); // parsererror
               alert(errorThrown); // SyntaxError: Unexpected end of input
           }
       })
   }