WebForm路由踩坑

再次接触Asp.Net WebForm已是4年后的今天，源起新入职的公司，一个老的项目。

Web接触的少，那就多动手写写。

WebForm1.aspx

<body>

<div>

    <input type="text" id="text" />

    <button type="button" id="clickBtn">ClickMe</button>

</div>

<div id="txt"></div>

<script>

    $(document).ready(function () {

        $("#clickBtn").click(function () {

            var userName = $("#text").val();

            $.ajax(

                {

                    type: "post",

                    url: "/Test/WebForm1.aspx",

                    dataType: "json",

                    data: { 'userName': userName }

                }

            ).done(function (data) {

                $("#txt").html(data);

            });

        });

    });

</script>

WebForm1.aspx.cs

 public partial class WebForm1 : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        var list = new List<string>() { "Hello", "World" };

        var userName = HttpContext.Current.Request.Form["userName"];

        if (userName != null)

        {

            list.Add(userName);

            var data = JsonConvert.SerializeObject(list);

            HttpContext.Current.Response.ContentType = "json";

            HttpContext.Current.Response.Write(data);

            HttpContext.Current.Response.End();

        }

    }

}

运行，发现点击按钮后，并没有实现我们要的效果，并且发出了两次请求



一次Post，一次Get，什么鬼？就这鸟问题，困扰了一上午，还是细细琢磨，不经意间试了一下这个

            $.ajax(

                {

                    type: "post",

                    url: "/Test/WebForm1",

                    dataType: "json",

                    data: { 'userName': userName }

                }

            ).done(function (data) {

                $("#txt").html(data);

            });

居然就可以了！



那应该是asp.net WebForm觉得.aspx不友好，于是就去掉了，那么帮我们去掉这个过程就是一次重定向过程，怪不得会有一次Get请求。那该是路由设置的问题，于是细细一看。



果然如此，红框中的是默认的配置，实用默认的配置就是永远都要重定向，就算你输入了WebForm1.aspx它都给你重定向成WebForm1。果断设置成Off，问题解决了。

WebForm路由踩坑 ajax请求多次的更多相关文章

  1. HttpWebRequest 改为 HttpClient 踩坑记-请求头设置

    HttpWebRequest 改为 HttpClient 踩坑记-请求头设置 Intro 这两天改了一个项目,原来的项目是.net framework 项目,里面处理 HTTP 请求使用的是 WebR ...

  2. JQuery 记第N次被坑 - ajax请求字符集问题

    前言:两个功能差不多的页面,都是使用$.post()请求后台,页面A传递到后台的中文参数正常,页面B传递到后台的中文参数则为乱码 分析过程: ①使用chrome的开发者工具,分析两个页面的ajax请求 ...

  3. C#WebForm里面aspx，ajax请求后台。。。

    虽然WebForm里面有那些基本控件,后台CS里面也有许许多多的控件的方法.但是不见得有些标签不需要进行后台的访问,下面介绍一下三种aspx中访问后台的方式.. 第一种:WebMethod (静态方法 ...

  4. thinkphp用ajax遇到的坑——ajax请求没有反应

    view视图的 html 的 js 代码如下, $.ajax({             url:"test",//这里指向的就不再是页面了,而是一个方法.             ...

  5. 小程序踩坑异步请求json时，headers设置 "content-type": "application/x-www-form-urlencoded"

    wx.request({ url: url, method:params.method, data: params.data, header: { "content-type": ...

  6. Flask框架踩坑之ajax跨域请求

    业务场景: 前后端分离需要对接数据接口. 接口测试是在postman做的,今天才开始和前端对接,由于这是我第一次做后端接口开发(第一次嘛,问题比较多)所以在此记录分享我的踩坑之旅,以便能更好的理解,应 ...

  7. Selenium爬虫实践（踩坑记录）之ajax请求抓包、浏览器退出

    上一篇: 使用Selenium截取网页上的图片 前言 最近在搞公司内部系统,累的一批,需要从另一个内部系统导出数据存到数据库做分析,有大量的数据采集工作,又没办法去直接拿到那个系统的接口,太难了,只能 ...

  8. C# -- HttpWebRequest 和 HttpWebResponse 的使用 C#编写扫雷游戏 使用IIS调试ASP.NET网站程序 WCF入门教程 ASP.Net Core开发(踩坑)指南 ASP.Net Core Razor+AdminLTE 小试牛刀 webservice创建、部署和调用 .net接收post请求并把数据转为字典格式

    C# -- HttpWebRequest 和 HttpWebResponse 的使用 C# -- HttpWebRequest 和 HttpWebResponse 的使用 结合使用HttpWebReq ...

  9. 后端路由项目由 gulp 改为 webpack 的踩坑实录

    前言 公司有个后端路由的项目是用 gulp 作为前端自动化构建工具,最近学习了一下 webpack,深感其强大,一狠心将其改成了 webpack 构建,以下是踩坑实录. gulp 先来说说原来的架构. ...

随机推荐

  1. Idea开发环境中搭建Maven并且使用Maven打包部署程序

    1.配置Maven的环境变量 a.首先我们去maven官网下载Maven程序,解压到安装目录,如图所示: b.配置M2_HOME的环境变量,然后将该变量添加到Path中 备注:必须要有JAVA_HOM ...

  2. DrawSVG - SVG 路径动画 jQuery 插件

    jQuery DrawSVG 使用了 jQuery 内置的动画引擎实现 SVG 路径动画,用到了 stroke-dasharray 和 stroke-dashoffset 属性.DrawSVG 是完全 ...

  3. HTML5中使用图片传递密文

    上面的两张图片中,你能看出有什么不同吗? 右图使用 html5 canvas api 中的 getImageData 和 putImageData 函数嵌入了一段文字. 道理很简单,getImageD ...

  4. SQL 常识

    1.varchar 与 nvarchar 的区别? varchar(n):长度为 n 个字节的可变长度且非 Unicode 的字符数据.n 必须是一个介于 1 和 8,000 之间的数值.存储大小为输 ...

  5. Linux常用命令：sed

    本文记录的是自己在学习<Linux私房菜>中正则表达式的笔记. 关于行尾符$ 如果文件本身没有内容,比如使用touch新建的文件,那么$将会没有意义.例如下面操作: 先使用touch新建了 ...

  6. J2ObjC 1.0 发布，将 Java 转换为 Objective-C

    J2ObjC 是一个Google开发的开源工具,用于将Java代码转换为Objective-C代码.其目的是为了能在iOS平台上重用Android平台.web服务器端的Java代码.服务器端代码的转换 ...

  7. 安装gem所需知道的

    1 在中国rubygem源被墙了,所以不管是gem install 还是bundle install都需要修改默认的源,淘宝和ruby-china都提供了源. gem source -r http:/ ...

  8. Database 'xxx' cannot be upgraded because it is read-only or has read-only file Make the database or files writeable, and rerun recovery.

      在分离数据库DatabaseName(暂且用DatabaseName代替该数据库名)后,我将其数据文件以及日志文件移动到新增的磁盘上.然后附加该数据库,结果报如下错误: Database 'Dat ...

  9. 使用管道符在PowerShell中进行各种数据操作

    最近在培训PowerShell,在讲到Pipeline的时候,对于我这种长期和数据(数据库)打交道的人来说,觉得很实用,所以写此博文,记录一下. 无论是在Linux中写Bash脚本还是在Window上 ...

  10. nodejs 使用Google浏览器进行可视化调试——Node Inspector工具

    1.npm安装Node Inspector工具,全局安装 命令行执行npm install -g node-inspector 2.启动Node Inspector工具,命令行执行 node-insp ...