jQuery请求网络资源，get和post的用法

最新推荐文章于 2024-07-15 22:52:27 发布

lgx06

最新推荐文章于 2024-07-15 22:52:27 发布

阅读量4.4k

点赞数

分类专栏： jQuery 文章标签： jquery ajax 网络前端

本文链接：https://blog.csdn.net/lengguoxing/article/details/78413681

版权

jQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在最近做的一个前端项目中，要用到jQuery的网络请求，当中还是有不少的坑，尤其是post的参数问题

首先比较简单是的get方法

   let url = getIndexListApi(page);
   console.log("index list url="+url);
   $.get(url, function (result, status) {
        if ('success' == status) {
            //alert("Data: " + result.data + "\nStatus: " + status);
            console.log("result: " + result + "\nStatus: " + status);
            parseIndexListData(result);
            
        } else {
            alert("请求失败 status=" + status);
        }
    }, "json");

至于post方法呢，是这样使用的

/*$.post(getLoginApi(),
        {
            account: $("#account").val(),
            password: $("#password").val(),
            rememberMe: "0"
        },
        function(result, status){
            alert("result: " + result + "\nStatus: " + status);
            var data = JSON.stringify(result);
            alert("data="+data);
            var data2 = JSON.parse(result);
            alert("data2="+data2);
        },'json');*/



其实我发现用Ajax做post请求会更好

let datas = {'account': account, 'password': password, 'rememberMe': '0'};
    //console.log("data"+JSON.stringify(datas));
    $.ajax({
        url: getLoginApi(),
        type: 'POST',
        data: datas,
        dataType: 'json',
        success: function(result){
            console.log("success"+result);
            console.log("stringify:"+JSON.stringify(result));
            if('success' == result.message.result){
                //alert("登录成功！");
                console.log("auth_token", result.data.auth_token);
                localStorage.setItem("auth_token", result.data.auth_token);
                window.location.replace("./user_center.html");
            }else{
                alert(result.message.text);
                localStorage.setItem("auth_token", "");
            }
        },
        error:function (result) {
           console.log("error="+result);
            alert("error="+result);
        },
        fail:function (result) {
            console.log("fail"+result);
            alert("fail="+result);
        }
    }, 'json');