ASP.NET利用Ajax进行前后台值传递

来源:互联网 发布:淘宝手机助手5.0版 编辑:程序博客网 时间:2024/05/01 04:08

        由于项目需要,最近涉及到许多网站页面前后台值传递问题,在这里做一个小总结,今天主要对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);

 
原创粉丝点击