由于项目需要,最近涉及到许多网站页面前后台值传递问题,在这里做一个小总结,今天主要对Ajax传递数据做一个最简单的应用实例。
之前一直没有用过Ajax,许多时候看到这个词我都是抵触的,不想接触新的陌生的东西。但是迫于需求,一定要用到Ajax了,然后就不情愿的开始了,结果啊,简直是太简单了,简直是太好用了,有么有有么有,捂脸
一.在项目中引入jquery.js文件,就粗暴的粘贴上去就好。嗯,记住文件的路径地址,一会儿要用到
然后在前台页面上引用一下该js文件,这一步很关键,不要忘记了
这个里面src就是该js文件的路径。
二.项目中新建ashx后缀文件,进行后台的数据处理
三.于是我们就可以开始愉快的传递数据辣
1.前台页面
$.ajax({ url: "Handler.ashx", data: {ID: "ID", DateTime: "DateTime }, cache: false, async: false, dataType: 'json', success: function (data) { if (data) { alert(data); } }, error: function (msg) { alert("系统发生错误"); } });
注意:这里的url是你二步骤中新建ashx页面的地址路径
data参数:ID,DateTime是前台向后台传递的参数值,是键值对组合,可以传多个,中间用,逗号分割开即可。
下面的data为后台传回的数据,数据类型为 json;
2.ashx后台界面
//获取前台传来的参数值 string DateTime= context.Request["DateTime"]; //向前台界面传值 context.Response.Write(result);