前端用ajax調(diào)接口怎么破?。?/h1>
3 回答

TA貢獻(xiàn)260條經(jīng)驗 獲得超388個贊
基本上都是固定的模式吧,比如:
this.ajax({??? ????method:?'post',??? ????url:?接口,??? ????data:?給后臺傳的數(shù)據(jù)? }).then(response?=>?{??? ????//請求成功執(zhí)行的內(nèi)容 }? }).catch(function?()?{ ????//請求失敗執(zhí)行的內(nèi)容 })

TA貢獻(xiàn)148條經(jīng)驗 獲得超94個贊
好比你js寫一個類似的
const?URL?=?'xxx/queryPeople'???//請求地址 function?res(obj){?//模擬后端的接受地址 ????if(obj.url?===?URL){ ????????return?{ ????????????name:'cnyballk', ????????????age:20 ????????} ??????} } const?params?=?{?//參數(shù) ????id:1 } function?ajax(url,params){?//延遲請求,模擬異步 ????setTime(function(){ ????????const?res?=?res(url,params)??//返回請求數(shù)據(jù) ???????console.log(res?)//打印 ????},1e3) } ajax(URL,params);??//1s后打印{ ????????????name:'cnyballk', ????????????age:20 ????????} ???????? ???????? ??沒錯,ajax就是和這個類似,訪問你服務(wù)器上的一個指定的url ??請求成功就返回定好的數(shù)據(jù),失敗也返回失敗, ??至于ajax具體方法,原生你就沒必要去寫了,如果jquery的話封裝的挺好了 ??或者也可以使用axios,例子很多
?

TA貢獻(xiàn)1條經(jīng)驗 獲得超1個贊
ajax調(diào)接口? 我經(jīng)常使用的有兩種。
第一種是 表單提交時 將輸入的數(shù)據(jù)提交給后臺 代碼類似這種
//提交按鈕的id submit
?$('#submit').click(function(){
? ? ? ? ? ? var x = {};
? ? ? ? ? ?//獲取相關(guān)組件的輸入值封裝到x對象中
? ? ? ? ? ? x.a1=$('#a1').val();
? ? ? ? ? ? x.a2=$('#a2').val();
? ? ? ? ? ? var formData=new FormData();
????????????//將數(shù)據(jù)解析成為字符串 封裝到 xx中
? ? ? ? ? ? formData.append('xx',JSON.stringify(x));
? ? ? ? ? ?//將數(shù)據(jù)提交至后臺處理相關(guān)操作
? ? ? ? ? ? $.ajax({
? ? ? ? ? ? ? ? url:處理這些數(shù)據(jù)的url地址或者叫接口,
? ? ? ? ? ? ? ? type:'POST',
? ? ? ? ? ? ? ? data:formData,
? ? ? ? ? ? ? ? success:function(data){
??????????????? ?//后臺處理完成后 返回處理結(jié)果
???????????????? //success屬性為后臺定義的 可以更改為任意名稱
? ? ? ? ? ? ? ? ? ? if(data.success){
? ? ? ? ? ? ? ? ? ? ? ? $.toast('提交成功!');
? ? ? ? ? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? ? ? ? ? $.toast('提交失??!'+data.errMsg);
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? }
? ? ? ? ? ? });
? ? ? ? });
第二種是獲取后臺的數(shù)據(jù) 并賦值給表單 大概類似這種代碼
$.getJSON(處理這些數(shù)據(jù)的url地址或者叫接口(url),function(data){
//success同上
if(data.success){
//從返回的JSON當(dāng)中獲取x對象信息,并賦值給表單
//這個data.x的x是后臺定義的 xName xDesc都是x的屬性 均為后臺定義
var x = data.x;
$('#a1').val(x.xName);
$('#a2').val(x.xDesc);
}
});
}
最好還是看點后臺的知識? ?我學(xué)這種東西都是看博客和視頻
希望能幫到你
添加回答
舉報