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

        由于项目需要,最近涉及到许多网站页面前后台值传递问题,在这里做一个小总结,今天主要对Ajax传递数据做一个最简单的应用实例。

        之前一直没有用过Ajax,许多时候看到这个词我都是抵触的,不想接触新的陌生的东西。但是迫于需求,一定要用到Ajax了,然后就不情愿的开始了,结果啊,简直是太简单了,简直是太好用了,有么有有么有,捂脸

        一.在项目中引入jquery.js文件,就粗暴的粘贴上去就好。嗯,记住文件的路径地址,一会儿要用到

             

             然后在前台页面上引用一下该js文件,这一步很关键,不要忘记了

              

            这个里面src就是该js文件的路径。


       二.项目中新建ashx后缀文件,进行后台的数据处理

           ASP.NET利用Ajax进行前后台值传递_第1张图片



        三.于是我们就可以开始愉快的传递数据辣

            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);
 
  

 
  
 
 

你可能感兴趣的:(.NET)