舉個(gè)例子:你想在用戶點(diǎn)擊時(shí),把 apple 這個(gè)字符串,通過(guò)前端傳給后端。
企業(yè)官網(wǎng)是企業(yè)形象的一張重要名片。成都創(chuàng)新互聯(lián)公司的成都官網(wǎng)定制服務(wù),能夠?qū)⒊啥季W(wǎng)頁(yè)設(shè)計(jì)與企業(yè)的實(shí)力&公信力、產(chǎn)品服務(wù)優(yōu)勢(shì)、文化價(jià)值觀等有機(jī)結(jié)合,把握企業(yè)的獨(dú)特之處,突出重點(diǎn)核心內(nèi)容,并以恰如其分的設(shè)計(jì)風(fēng)格,抓住目標(biāo)用戶的關(guān)注點(diǎn)和興趣點(diǎn),幫助企業(yè)塑造好第一印象,營(yíng)銷型網(wǎng)站展現(xiàn)公司實(shí)力。成都官網(wǎng)定制,為你解決成都創(chuàng)新互聯(lián)網(wǎng)營(yíng)銷解決方案。
前端,用 jQuery 舉例:
$('button').click(function () {
$.ajax({
url: '/xxx',
method: 'post',
dataType: 'json',
data: {fruit: 'apple'}
}).done(function (res) {
// 成功后的回調(diào)
}).fail(function (err) {
// 失敗后的回調(diào)
});
});
后端 PHP 處理:
$fruit = $_POST['fruit']; // 獲取從 ajax 傳過(guò)來(lái)的 fruit 的值,這里是 apple。
如果你想在前端重新顯示這個(gè)字符串 apple,那么你要用 PHP 把數(shù)據(jù)返回給頁(yè)面,然后在上面 “// 成功后的回調(diào)” 里面,補(bǔ)充邏輯代碼。
例如 PHP 把 apple 返回給前端:
return json_encode(array('fruit' = 'apple'));
前端回調(diào)處理:
// 成功后的回調(diào)
alert(res.fruit); // 彈框顯示 “apple”
實(shí)際上,$_POST 能夠獲取所有從前端用 post 方式提交過(guò)來(lái)的數(shù)據(jù),不管你是頁(yè)面刷新方式,還是 ajax(jQuery 才叫 ajax,實(shí)際上它是 XMLHttpRequest,異步非阻塞的請(qǐng)求方式)
$.ajax({type:?"",url:?"",data:?"",?dataType:?"json",success:?function?(data)?{
//這里處理返回的結(jié)果
//type為數(shù)據(jù)提交的方式post或者get
//data表示要提交的數(shù)據(jù)?方式為?{name1:value1,name2:value2.....等等}
//dataType表示數(shù)據(jù)處理后返回的數(shù)據(jù)類型?一般返回json的數(shù)據(jù)類型?使用$.each進(jìn)行循環(huán)操作
//success表示數(shù)據(jù)請(qǐng)求成功后執(zhí)行的動(dòng)作
}});
var?formData?=?new?FormData();
formData.append('goodsNum',?1);
$.ajax({
url:?'index.php',/*獲取表單提交路徑*/
type:?'post',/*提交方式*/
data:formData,/*提交數(shù)據(jù)*/
processData:?false,
contentType:?false,
success:?function?(msg)?{
/*執(zhí)行成功后*/
console.log(msg);
},
error?:?function(jqXHR)?{
/*?執(zhí)行失敗后*/
console.log(JSON.stringify(jqXHR));
}
},'json');
跟正常接收數(shù)據(jù) 是一樣的 ,
$.ajax({
type: 'POST',
url: url
,
data: data
,
success: success
,
dataType: dataType
});
這里 ajax 使用 POST 類型提交,php 就用 $_POST 接收。
其實(shí)就是發(fā)送一個(gè)網(wǎng)絡(luò)請(qǐng)求,服務(wù)端輸出的內(nèi)容就是響應(yīng)的內(nèi)容,如jQuery
$.ajax(
{
url:?'',?????//?請(qǐng)求URL
data:?'',????//?請(qǐng)求時(shí)攜帶的參數(shù)
type:?'',????//?請(qǐng)求方式,?GET/POST
dataType:?'',//?響應(yīng)數(shù)據(jù)格式,?text/json
success:?r?=?{
//?請(qǐng)求成功時(shí)回調(diào)函數(shù),參數(shù)?r?為服務(wù)端響應(yīng)的內(nèi)容
console.log(r);??//?就是你說(shuō)的后臺(tái)數(shù)據(jù)
},
error:?()?=?{
console.error('fail');?//?請(qǐng)求失敗
}
}
)
//?服務(wù)端響應(yīng)內(nèi)容
$data?=?[];???//?從數(shù)據(jù)庫(kù)中獲取的數(shù)據(jù)
echo?json_encode($data);???//?響應(yīng)客戶端,?數(shù)據(jù)格式為?JSON
網(wǎng)頁(yè)標(biāo)題:ajax過(guò)去php數(shù)據(jù) php中ajax
鏈接分享:http://muchs.cn/article22/hgeocc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、企業(yè)建站、軟件開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)公司、做網(wǎng)站、微信小程序
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容