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

xiaoxiao2021-02-28  50

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

转载请注明原文地址: https://www.6miu.com/read-55782.html

最新回复(0)