1. 程式人生 > >jQuery ajax如何傳多個值到後臺頁面,舉例:

jQuery ajax如何傳多個值到後臺頁面,舉例:

account func $.ajax function 相對 必須 () ech count

一、js代碼

<script type="text/JavaScript">
$("#save_change_<{$aff.Id}>").click(function(){
//從模態框中取值,並通過ajax傳到後臺
var account = document.getElementById("change_account_<{$aff.Id}>").value;
var password = document.getElementById("change_password_<{$aff.Id}>").value;
var transactionCrawled = document.getElementById("change_transactionCrawled_<{$aff.Id}>").value;

$.ajax({
type: "POST",
url: "b_aff_aff_change.php",
dataType: "json", //當在前臺頁面獲取後臺的msg.account和msg.password是,不標明datatype:"json",是取不到值的!!!
data: "account="+account+"&id=<{$aff.Id}>&password="+password+"&transactionCrawled="+transactionCrawled, //跟url get傳參類似,多個值直接加&,變量用+進行連接
success: function(msg){
//通過js改變當前頁的td值
document.getElementById("account_<{$aff.Id}>").innerHTML = msg.account;
document.getElementById("password_<{$aff.Id}>").innerHTML = msg.password;
document.getElementById("transactionCrawled_<{$aff.Id}>").innerHTML = msg.transactionCrawled.toUpperCase();

}

});

});

</script>

二、後臺頁面b_aff_aff_change.PHP

<?php

echo json_encode($_POST); //與ajax中的datatype:"json"相對應,必須先將$_POST數組轉換成json格式
?>

jQuery ajax如何傳多個值到後臺頁面,舉例: