前端get，post方式请求方式

 ajax 的 get请求

$.get(url,data,callback,type)

参数1: url 请求路径
参数2: data 请求时携带的数据，格式: key=value 或者 {username=’baby’,pwd:666}
参数3: callback 响应成功后的回调函数
参数4: type 响应的数据类型 text html xml json
 

//JQuery get方式发送异步请求
function func1() {
    //1.参数1 url
    var url = "/login";
    //2.参数2 数据
    var data = {username:"jack"};
    //3.发送get请求
    $.get(url,data,function (param) {
        //data响应回来的内容体
        alert("响应成功! 响应数据: " + param);
   },"text");
}
 

ajax 的 post请求

• $.post(url,data,callback,type)

• 里面的四个参数和get方式是一样, 不一样的是请求方式的不同

//JQuery post方式发送异步请求
function func2() {
    //1.参数1 url
    var url = "/login";
    //2.参数2 数据
    var data = {username:"lucy"};
    //3.发送get请求
    $.post(url,data,function (param) {
   //data响应回来的内容体
   alert("响应成功! 响应数据: " + param);
   },"text");
}
 

$.ajax()方法可以更加详细的设置底层的参数。该方法通常用于其他方法不能完成的请求
ajax请求方式语法:
方式1: jQuery.ajax({ })
方式2: $.ajax({ })
//Ajax方式 发送请求
function func3() {
    $.ajax({
        url:"/login",
        async:true, //是否异步
        data:{username:"tom"},
        type:"POST", //请求方式
        dataType:"text", //返回数据的数据类型
        success:function (param) {
            alert("响应成功!! " + param)
        },
        error:function () {
            alert("响应失败!!")
        }
    });
}
 

axios 在线包的导入

<!-- 官网提供的 axios 在线地址 -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

 

axios 的 get请求

请求方式

axios.get(地址?key=value&key2=value2)
.then(
    function(response){}, // 请求成功的响应处理函数
    function(error){} // 请求失败的响应处理函数
);

2.2.2 axios 的 post请求

请求方式

axios.post(
    地址,
    {key:value,key2:value2}
).then(
    function(response){}, // 请求成功的响应处理函数
    function(error){} // 请求失败的响应处理函数
);