其實(shí)就是發(fā)送一個(gè)網(wǎng)絡(luò)請(qǐng)求,服務(wù)端輸出的內(nèi)容就是響應(yīng)的內(nèi)容,如jQuery
創(chuàng)新互聯(lián)堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都網(wǎng)站建設(shè)、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的天水網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
$.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
舉個(gè)例子:你想在用戶點(diǎn)擊時(shí),把 apple 這個(gè)字符串,通過(guò)前端傳給后端。
前端,用 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)求方式)
幫你調(diào)試了一下你的代碼,發(fā)post請(qǐng)求,,數(shù)據(jù)的格式是:'name=zhangsanage=18' ,這種字符串格式的,所以你要把你的?var senddata="4"; 改成?var senddata="senddata=4";
php 部分,
$getDeviceID=$_POST[senddata];
改成$getDeviceID=$_POST['senddata'];
接收的參數(shù)需要加上單引號(hào)。
另外如果是jquery就比較簡(jiǎn)單了,去jquery官網(wǎng)下載jq3.3.1然后引入
php部分
?php
echo?json_encode($_POST,320);
?
html部分
html
head
script?src="jquery-3.3.1.min.js"/script
/head
body
script
function?freshdata(){
$.ajax({
url:?"test.php",//提交地址
type:?"post",//提交方式
dataType:'json',
data:{
'senddata':4,
//如果在加其他參數(shù)
'name':'張三',
'age':20,
},
success:?function(ret)?{//msg?返回值
alert('senddata:'+ret.senddata+'\n姓名:'+ret.name+'\n年齡:'+ret.age);
}
});
}
/script
span?onclick="freshdata()"點(diǎn)擊發(fā)送ajax請(qǐng)求/span
/body
/html
效果圖
主要是data:{goodsNum:para}沒(méi)有用引號(hào),而且應(yīng)該加載ajax模板,應(yīng)該改為:
加入
script?src="js/jquery-3.3.1.min.js"/script
然后修改為
data:{'goodsNum':'para'}