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

模板文件:

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         }
时间: 2024-10-16 10:56:38

ecmall练习2:使用jQuery:getJSON传递数据的相关文章

MVC中前台如何向后台传递数据------$.get(),$post(),$ajax(),$.getJSON()总结

一.引言 MVC中view向controller传递数据的时候真心是一个挺让人头疼的一件事情.因为原理不是很懂只看一写Dome,按葫芦画瓢只能理解三分吧. 二.解读Jquery个Ajax函数 $.get(),$.post(),$.ajax(),$.getJSON() 1.$.get(url,[data],[callback]) 参数说明 url:请求地址,MVC中一般为:“/QueryScores/Search/” (/controller/action/) data:请求数据列表,MVC中ac

JQuery的AJAX调用(一)——加载传递数据

一,load方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为: load(url,[data],[callback]) 参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数. 二,使用getJSON()方法异步加载JSON格式数据 使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数组,并对获取的数据进行解析,显示在页面中,它的调用格式

Django:之传递数据给JS、Ajax和Ajax CSRF认证

Django传递数据给JS 有时候我们想把一个list或者dict传递给javascript,处理后显示到网页上,比如要用js进行可视化到数据. 请注意:如果是不处理,直接显示在网页上,用Django模版就可以了,请看前面的教程. 这里讲述两种方法: 一.页面加载完成后,在页面上操作,在页面上通过ajax方法得到新的数据(再向服务器发送一次请求)并显示在网页上,在这种情况适用于页面不刷新的情况下,动态加载一些内容.比如用户输入一个值或者点击某个地方,动态地把相应内容显示在网页上. 这种请详见下面

ASP.NET MVC中如何以ajax的方式在View和Action中传递数据

前言:写这篇随笔的时候,在url上漏写了斜线,找了好久错误,整个人都很不好.#我是猪系列 背景:之前介绍过一篇如何构建ASP.NET MVC4&JQuery&AJax&JSon示例,这一篇单独讲解如何在View和Action间传递并处理数据. 1,前台HTML代码: 1 <div> 2 <button type="button" id="btn">从视图向控制器中传递数据</button> 3 <p

jquery ajax传递数组给php

写成:var data = {'item[]':item}; $.post(url,data,function(return_data) 写成item:item会导致数据缺失. 更多:http://www.cnblogs.com/ini_always/archive/2011/12/17/2291290.html jquery ajax传递数组给php,布布扣,bubuko.com

jquery getJson

JSON是一种理想的数据传输格式,它能够很好的融合与JavaScript或其他宿主语言,并且可以被JS直接使用.使用JSON相比传统的通过 GET.POST直接发送“裸体”数据,在结构上更为合理,也更为安全.至于jQuery的getJSON()函数,只是设置了JSON参数的 ajax()函数的一个简化版本.这个函数也是可以跨域使用的,相比get().post()有一定优势.另外这个函数可以通过把请求url写 成"myurl?callback=X"这种格式,让程序执行回调函数X. get

【ASP.NET MVC】View与Controller之间传递数据

1   概述 本篇文章主要从操作上简要分析Controller<=>View之间相互传值,关于页面之间传值,如果感兴趣,可参考我另外一篇文章ASP.NET 页面之间传值的几种方式 . Controller=>View:Model,ViewBag,ViewData,TempData,ViewBag=>ViewData,ViewData=>ViewBag,ViewModel,JqGrid,AJAX+第三方插件等: View=>Controller:QueryString,F

jQuery ajax传递特殊字符串问题

当你用ajax传递值到服务器端,如果值中包含特殊字符串如+,&等,在服务器端获取的结果可能就会出现差异,因为这些字符有其它用途,如“+”表示连接符,在转义后你获取到的就是空格.可以看看这些特殊字符与十六进制的关系: + 空格 / ? % & = # %2B %20 %2F %3F %25 %26 &3D %23 如果变量中确实需要包含这些特殊字符,请用encodeURIComponent()函数过滤,它会对这些字符编码,服务器端是会被自动解码的,不需要处理.另外,尽量提交json格

jQuery获取json数据实现代码

jQuery获取json数据实现代码:使用jQuery操作json数据是非常的频繁的,下面提供两端代码供大家参考之用,大家可以自行分析,以便灵活应用. /栏目 //发送ajax请求 $.getJSON( "../../../Templet/GetInfoHandler.ashx", //产生JSON数据的服务端页面 {id: "0", sid: "1;2;3", rid: Math.round(Math.random() * 10) }, //向