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. AlloyRenderingEngine入门

    写在前面 AlloyRenderingEngine是一款非常快速的渲染引擎,目前该项目已经合并至 https://github.com/AlloyTeam/AlloyGameEngine/ , 属于A ...

  2. jquery管理ajax异步－deferred对象

    今天跟大家分享一个jquery中的对象-deferred.其实早在jquery1.5.0版本中就已经引入这个对象了.不过可能在实际开发过程中用到的并不多,所以没有太在意. 这里先不说deferred的 ...

  3. 阻止默认事件event.preventDefault();

    阻止浏览器默认事件.什么是默认事件,例如浏览器默认右键菜单.a标签默认连接跳转...,如何阻止呢? Firefox中,event必须作为参数传入.  IE中,event是window对象的属性. ev ...

  4. iOS 应用评分

    为了提高应用的用户体验,经常需要邀请用户对应用进行评分 应用评分无非就是跳转到AppStore展示自己的应用,然后由用户自己撰写评论 如何跳转到AppStore,并且展示自己的应用 方法1 NSStr ...

  5. CSS3制作动画的三个属性

    CSS3属性中有关于制作动画的三个属性:Transform,Transition,Animation:我们一起学习完了Transform和Transition,让我们对元素实现了一些基本的动画效果,这 ...

  6. OC #import和@class的用法和区别

    OC #import和@class的用法和区别 import会包含这个类的所有信息,包括实体变量和方法,而@class只是告诉编译器,其后面声明的名称是类的名称,至于这些类是如何定义的,暂时不用考虑, ...

  7. 正则表达式的JS验证

    /判断输入内容是否为空    function IsNull(){        var str = document.getElementById('str').value.trim();      ...

  8. sublime text2 bracketHighLighter 配置

    一.BracketHighlighter能为ST提供括号,引号这类高亮功能,但安装此插件后,默认没有高亮,只有下划线表示,不是很醒目,需要如下配置1. 在ST中用package control安装Br ...

  9. C# KeyValuePair<TKey,TValue>的用法-转载

    C# KeyValuePair<TKey,TValue>的用法.结构体,定义可设置或检索的键/值对.也就是说我们可以通过 它记录一个键/值对这样的值.比如我们想定义一个ID(int类型)和 ...

  10. Reporting Service 告警"w WARN: Thread pool pressure. Using current thread for a work item"

    如果Reporting Service偶尔出现不可访问或访问出错情况,这种情况一般没有做监控的话,很难捕捉到.出现这种问题,最好检查Reporting Service的日志文件. 今天早上就遇到这样一 ...