首页 > 代码库 > ecmall练习2：使用jQuery：getJSON传递数据

ecmall练习2：使用jQuery：getJSON传递数据

2024-09-23 23:20:02   215人阅读

模板文件：

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="http://www.mamicode.com/{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传递数据


联系
我们