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