第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

前端用ajax調(diào)接口怎么破?。?/h1>
本人前端剛培訓(xùn)完不久找到一份實習(xí)的工作,這幾天公司讓我練習(xí)用ajax調(diào)接口,上網(wǎng)找資料了根本弄不懂啊,還是不會用啊,急死了現(xiàn)在感覺好費勁?。?!就想問問大家當(dāng)初都是怎么學(xué)的,有什么好的方法或例子嗎?
查看完整描述

3 回答

已采納
?
業(yè)余奶茶品鑒師

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)容
})


查看完整回答
2 反對 回復(fù) 2018-08-17
?
cnyballk

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,例子很多

?

查看完整回答
1 反對 回復(fù) 2018-08-17
?
慕粉13526308623

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é)這種東西都是看博客和視頻

希望能幫到你

查看完整回答
1 反對 回復(fù) 2018-08-17
?
慕數(shù)據(jù)1341727

TA貢獻(xiàn)1條經(jīng)驗 獲得超0個贊

樓主會了嗎?我現(xiàn)在剛轉(zhuǎn)行老板也是讓我弄這個,完全看不懂啊

查看完整回答
反對 回復(fù) 2018-10-08
  • 3 回答
  • 0 關(guān)注
  • 3034 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號