1. 程式人生 > >ecmall練習2:使用jQuery:getJSON傳遞數據

ecmall練習2:使用jQuery:getJSON傳遞數據

lib back 字段 alert 數據 blog lan 傳遞 jquery

模板文件:

ecm_member數據表新增一個字段:balance

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<script type="text/javascript" src="{lib file=jquery.js}" charset="utf-8"></script>
</head>

<body>

<
table> <tr> <td>增加余額:&nbsp;<input type="text" onBlur="add_balance(this,‘{$info.user_id}‘);" size="10" maxlength="5" value="0"></td> <td>增加數量:<span id="test">&nbsp;</span></td> </tr>
</table>

<script> function add_balance(obj,user_id) {   obj.value
= obj.value.replace(/[^\d]/g, ‘‘);//將非數字替換為空   var balance_add = jQuery(obj).val();//獲取輸入框的值
//調用控制器裏面的函數,傳遞兩個參數 jQuery.getJSON(
index.php?app=member&act=add_balance&user_id=+user_id+&balance_add=+balance_add,‘‘,function(json){ if(json.result==1){ //使用控制器傳回來的值,data.variable的形式讀取 alert(
設置成功); jQuery("#test").html(balance_add); } }); } </script>
</body>
</html>

控制器裏面定義函數:

 1 function add_balance() {
 2         $model_member = & m(‘member‘);
 3         $user_id=$_REQUEST[‘user_id‘]?$_REQUEST[‘user_id‘]:‘‘; //GET方式獲取傳遞過來的值
 4         $balance_add=$_REQUEST[‘balance_add‘]?$_REQUEST[‘balance_add‘]:‘‘;
 5         $user_info = $model_member->get(‘user_id=‘.$user_id);
 6         $balance = $user_info[‘balance‘] + $balance_add;
 7         $data = array(‘balance‘ => $balance);
 8         $result = $model_member->edit($user_id, $data); //寫入數據庫,返回一個值指示是否寫入成功
 9         if($result) {
10             echo json_encode(array(‘result‘=>1,‘balance‘ =>$balance,)); //傳出兩個參數
11         }

ecmall練習2:使用jQuery:getJSON傳遞數據