AJAX基础（二）

jQuery.Ajax

jQuery提供了多个与AJAX有关的方法，相比原生js写法，jQuery提供的方法可以用更简单的代码实现Ajax功能

$.get

$ .get()方法通过HTTP GET请求从服务器上请求数据。
GET基本上用于从服务器获得（取回）数据。
$.get(‘url’,[callback])

• url:请求的url
  在url中参数通过？拼接在路径后面（和post不同）
• callback:请求成功后执行的回调函数[可选]

$.post

$ .post()方法通过HTTP POST请求向服务器提交数据。
POST也可用于从服务器获取数据。不过，POST方法不会缓存数据，并且常用于连同请求一起发送数据。
$.post(url,[data],[callback])

• url:请求的url,不包含参数
• data：连同请求要一起发送的数据参数[可选]
  与GET不同的是，POST请求的参数放在了请求体中
• callback:请求成功后执行的回调函数[可选]

get和post的区别（重点）

$.ajax

$.ajax通常用于其他方法不能完成的请求。
$.ajax({
url: 请求地址
data: ({ 请求参数 })，要求为object或string类型，根据请求头确定
method: 请求方式 get/post，没写参数时默认get()请求
contentType:请求头 只有post请求有请求头
success: function () { } 请求成功的回调函数
error: function (error) {} 请求失败的回调函数
complete: function (com) {} 完成的回调函数,无论成功还是失败都会执行
});

> 请求头：application/x-www-form-urlencoded（默认的）   application/json      multipart/form-data

实例

<div>
        <label for="">账号：</label>
        <input type="text" id="user"><br>
        <label for="">密码：</label>
        <input type="password" id="password"><br>
        <input type="submit" value="登录" id="btn">
    </div>

$('#btn').click(function () {
        $.ajax({
            method:'post',
            url: 'https://wkt.myhope365.com/pcUser/login',
            data:{
                username:$('#user').val(),
                password:$('#password').val(),
                rememberMe:'true'
            },
            success:function(res){
                console.log(res);
            }
        })
    })