舉個例子:你想在用戶點擊時,把 apple 這個字符串,通過前端傳給后端。

長白網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應式網(wǎng)站等網(wǎng)站項目制作,到程序開發(fā),運營維護。成都創(chuàng)新互聯(lián)從2013年創(chuàng)立到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。
前端,用 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 傳過來的 fruit 的值,這里是 apple。
如果你想在前端重新顯示這個字符串 apple,那么你要用 PHP 把數(shù)據(jù)返回給頁面,然后在上面 “// 成功后的回調(diào)” 里面,補充邏輯代碼。
例如 PHP 把 apple 返回給前端:
return json_encode(array('fruit' = 'apple'));
前端回調(diào)處理:
// 成功后的回調(diào)
alert(res.fruit); // 彈框顯示 “apple”
實際上,$_POST 能夠獲取所有從前端用 post 方式提交過來的數(shù)據(jù),不管你是頁面刷新方式,還是 ajax(jQuery 才叫 ajax,實際上它是 XMLHttpRequest,異步非阻塞的請求方式)
寫一個jQuery的示例,假設(shè)要獲取divid="content"123/div的內(nèi)容并保存;
up.php頁面只要向正常的表單一樣用$_POST['text']就可以獲取到傳遞過去的參數(shù)了。
主要是data:{goodsNum:para}沒有用引號,而且應該加載ajax模板,應該改為:
加入
script?src="js/jquery-3.3.1.min.js"/script
然后修改為
data:{'goodsNum':'para'}
$.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進行循環(huán)操作
//success表示數(shù)據(jù)請求成功后執(zhí)行的動作
}});
幫你調(diào)試了一下你的代碼,發(fā)post請求,,數(shù)據(jù)的格式是:'name=zhangsanage=18' ,這種字符串格式的,所以你要把你的?var senddata="4"; 改成?var senddata="senddata=4";
php 部分,
$getDeviceID=$_POST[senddata];
改成$getDeviceID=$_POST['senddata'];
接收的參數(shù)需要加上單引號。
另外如果是jquery就比較簡單了,去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()"點擊發(fā)送ajax請求/span
/body
/html
效果圖
本文名稱:ajax發(fā)送數(shù)據(jù)到php ajax傳輸數(shù)據(jù)
文章地址:http://chinadenli.net/article40/hjoiho.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、網(wǎng)站維護、標簽優(yōu)化、企業(yè)網(wǎng)站制作、動態(tài)網(wǎng)站、網(wǎng)站營銷
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)