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當中獲取x對象信息,并賦值給表單

//這個data.x的x是后臺定義的 xName xDesc都是x的屬性 均為后臺定義

var x = data.x;

$('#a1').val(x.xName);

$('#a2').val(x.xDesc);

}

});

}

最好還是看點后臺的知識? ?我學這種東西都是看博客和視頻

希望能幫到你

總結(jié)

以上是生活随笔為你收集整理的ajax接口调节,前端用ajax调接口怎么破啊？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。