ecmall練習2:使用jQuery:getJSON傳遞數據
阿新 • • 發佈:2017-05-21
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>增加余額: <input type="text" onBlur="add_balance(this,‘{$info.user_id}‘);" size="10" maxlength="5" value="0"></td> <td>增加數量:<span id="test"> </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傳遞數據