文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何从JQuery对话框回发到另一个ASP .NET页面？

要从jQuery对话框回发到另一个ASP .NET页面，您可以使用jQuery的Ajax方法来实现。以下是一个简单的示例：

  1. 在ASP .NET页面中，创建一个HTML表单和一个按钮，以便用户可以输入数据并触发Ajax请求。
代码语言：html
复制
<!DOCTYPE html>
<html>
<head>
   <title>jQuery Ajax Example</title>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <form id="myForm">
       <label for="name">Name:</label>
       <input type="text" id="name" name="name" />
       <button type="button" id="submitBtn">Submit</button>
    </form>
    <div id="result"></div>
   <script>
        $(document).ready(function () {
            $("#submitBtn").click(function () {
                var name = $("#name").val();
                $.ajax({
                    type: "POST",
                    url: "TargetPage.aspx/MyMethod",
                    data: JSON.stringify({ name: name }),
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        $("#result").html(response.d);
                    },
                    error: function (response) {
                        $("#result").html("Error: " + response.statusText);
                    }
                });
            });
        });
    </script>
</body>
</html>
  1. 在ASP .NET页面的代码后台中，创建一个名为MyMethod的静态方法，该方法将处理Ajax请求并返回响应。
代码语言：csharp
复制
using System.Web.Services;

public partial class TargetPage : System.Web.UI.Page
{
    [WebMethod]
    public static string MyMethod(string name)
    {
        return "Hello, " + name + "!";
    }
}
  1. 在ASP .NET页面的Web.config文件中，添加以下配置以启用ASP .NET AJAX。
代码语言：xml<configuration>
复制
 <system.web>
    <compilation debug="true" targetFramework="4.8">
     <buildProviders>
        <add extension=".aspx" type="System.Web.Compilation.PageBuildProvider"/>
      </buildProviders>
    </compilation>
   <pages>
     <controls>
        <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      </controls>
    </pages>
  </system.web>
 <system.webServer>
    <handlers>
     <remove name="WebServiceHandlerFactory-Integrated"/>
      <add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      <add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      <add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
    </handlers>
  </system.webServer>
</configuration>

现在，当用户在表单中输入数据并单击“提交”按钮时，Ajax请求将发送到TargetPage.aspx页面的MyMethod方法，该方法将处理请求并返回响应，然后将响应显示在页面上的<div>元素中。

相关搜索:带有ASP.NET按钮回发的jQuery UI对话框使用.net核心和razor，如何从静态页面导航回asp菜单？如何在jQuery webforms中从C#打开Asp.Net对话框窗口？asp.net webforms和jquery:如何在回发之间保存/恢复jquery状态？如何防止ASP.NET页面回发重置按钮上的类如何从Global.asax呈现asp.net WebForm页面？如何在付款成功后使用javascript通过razorpay将php表单回发到另一个页面如何使用ASP.NET MVC在jQuery AJAX调用中触发"错误"回调？ASP.NET如何将值从表单传递到另一个页面ASP.Net(C#)如何从HTTP页面POST到HTTPS从另一个页面获取代码隐藏中的ASP.Net页面的URLAsp.Net如何从另一个dropdownlist填充dropdownlist如何在Asp.net中用TextBox从页面生成PDF文件？如何从Web页面确定已安装的ASP.NET主机版本如何在asp.net网页中从for循环打印到aspx页面如何将JSON对象从ajax传递到ASP.net页面如何检查页面是否在ASP.NET AJAX上的保留函数pageLoad中回发如何在ASP.NET中页面加载(更新/更改)时调用javascript (或jQuery)如何将值从ASP.NET表单传递到jQuery模式ASP.NET如何从另一个类(在另一个页面中)访问母版页中的控件
相关搜索:
页面内容是否对你有帮助？
有帮助
没帮助

相关·内容

Web API--入门--（一）ASP.NET Web API 2（C＃）入门

前端网页使用jQuery显示结果。 ? 启动Visual Studio并从“ 开始”页面选择“ 新建项目”。或者，从文件菜单中选择新建，然后选择项目。...在项目模板列表中，选择ASP.NET Web应用程序。将项目命名为“ProductsApp”，然后单击“确定”。 ? 在“ 新建ASP.NET项目 ”对话框中，选择“ 空”模板。...有关Web API如何将HTTP请求路由到控制器方法的更多信息，请参阅ASP.NET Web API中的路由。...您还可以从http://jquery.com/下载它，ASP.NET“Web API”项目模板也包括jQuery。...如果您单击响应体选项卡，您可以看到产品列表如何序列化为JSON。其他浏览器具有相似的功能。另一个有用的工具是Fiddler，一个Web调试代理。

4.2K10

ASP.NET Web API自身对CORS的支持：从实例开始

接下来我们通过实例演示如何利用ASP.NET Web API自身的支持来实现“跨域资源共享”。 ? 如图右图所示，我们利用Visual Studio在同一个解决方案中创建了两个Web应用。...从项目名称可以看出，WebApi和MvcApp分别为ASP.NET Web API和MVC应用，后者是Web API的调用者。...ASP.NET针对CORS的实现就实现在程序集System.Web.Cors.dll中，另一个程序集System.Web.Http.Cors.dll自然就是针对ASP.NET Web API的。...我们的目的在于：当页面成功加载之后以Ajax请求的形式调用上面定义的Web API获取联系人列表，并将自呈现在页面上。...从编程的角度来讲，ASP.NET Web API针对CORS的实现仅仅涉及到两个方面： 其一，HttpConfiguration的扩展方法EnableCors，它用于开启ASP.NET Web API针对

1.6K120

    • ASP.NET 使用Ajax

    之前在Ajax初步理解中介绍了对Ajax的初步理解，本文将介绍在ASP.NET中如何方便使用Ajax，第一种当然是使用jQuery的ajax，功能强大而且操作简单方便，第二种是使用.NET封装好的ScriptManager...如果一切正常，可以看到页面弹出对话框，对话框内内容即是Normal.aspx页面内容 一个简单的get请求完成了，这样的结果一般没有多大用处，也不是ajax意图所在，使用Ajax主要是想使用JavaScript...Student { public int ID { get; set; } public string Name { get; set; } } } 看看页面如何处理...System.ComponentModel.ToolboxItem(false)] // To allow this Web Service to be called from script, using ASP.NET...我在项目中最常使用这个模式，这样既保持了jQuery的灵活性又可以在一个Service中书写多个方法供调用，还不用走复杂的页面生命周期 json.net和本文示例源代码 json.net是一个开源的.net

    2.7K20

    【初学者指南】在ASP.NET MVC 5中创建GridView

    介绍 在这篇文章中，我们将会学习如何在 ASP.NET MVC 中创建一个 gridview，就像 ASP.NET Web 表单中的 gridview 一样。...可用的库 以下是一些可用的库和插件： Grid.Mvc MVCGrid.NET PagedList.MVC JQuery.Grid JQuery Grid for ASP.NET MVC JQuery...从对话框中跳转到 Web，选择 ASP.NET Web 应用程序项目，然后单击确定。 ? 在模板中选择 MVC，如果编写了应用的单元测试，请先做检查，并点击 OK。 我们的工程都是用基本的功能创建的。...在下一篇文章中，我们将会学习到如何通过使用服务器端分页、排序和过滤来使页面呈现的更好。对于具有大量的数据时，这是一个更好的方法。...通过本文的介绍，希望大家能够掌握在 ASP.NET MVC 5 中创建 GridView 的方法。

    6.2K90

    在ASP.NET MVC5中实现具有服务器端过滤、排序和分页的GridView

    背景 在前一篇文章《【初学者指南】在ASP.NET MVC 5中创建GridView》中，我们学习了如何在 ASP.NET MVC 中实现 GridView，类似于 ASP.NET web 表单的功能。...如果这样的问题确实发生了，从长远来讲，这种创建表格方式将不是一个好选择。 介绍 在本文中，我们将会学习如何实现服务器端的分页，搜索和排序功能。从长远来讲，这是一种更好的方式来应对数据集特别大的情况。...设置项目 现在，创建一个新的 ASP.NET MVC 5 Web 应用程序。打开 Visual Studio 2015，点击文件>>新建>>项目。 ?...从该对话框中，跳转到 Web，并选择 ASP.NET Web 应用程序项目，然后单击确定。 ? 在模板页面，选择 MVC，如果编写了单元测试，请先做检查，然后点击确定。...public static ApplicationDbContext Create() { return new ApplicationDbContext(); } } 以上是 ASP.NET

    5.4K80

    Git 项目推荐 | 基于 C# 的极速 WEB + ORM 框架

    NFine是一套基于ASP.NET MVC+EF6+Bootstrap开发出来的框架，源代码完全开源，可以帮助你解决C#.NET项目68%的重复工作，让开发人员远离加班！...数据权限（精细化数据权限控制，控制到行级，列表级，表单字段级，实现不同人看不同数据，不同人对同一个页面操作不同字段。 提高开发效率及质量。常用类封装，日志、缓存、验证、字典、文件、邮件、,Excel。...对话框：layer-v2.3。 下拉选择框：jQuery Select2。 树结构控件：jQuery zTree、jQuery wdtree。...页面布局：jquery.layout.js 1.4.4。 图表插件：echarts、highcharts。 日期控件： My97DatePicker。...二 后端技术 核心框架：ASP.NET MVC5、WEB API。 持久层框架：EntityFramework 6.0。 定时计划任务：Quartz.Net组件。

    3.1K80

    ：第十五章 - 传统开发模式下的 axios 使用入门

    这些内容并不会在本篇文章中展现，如果你需要详细了解，你可以查看另一个系列的文章（ASP.NET Core 项目实战）那里会介绍一些关于 ASP.NET Core 项目的开发，两个系列相辅相成，后续所有涉及到前后端的交互开发...，全部在此系列（ASP.NET Core 项目实战）中进行呈现。 　　...的接口设计，所以这里我采用 ASP.NET Core 中的特性路由的方式，指定此路由为专门的数据查询接口。 　　...这里的 then 方法就相当于我们在 Jquery 中使用 ajax 时的 success 回调方法，而 catch 方法则是 error 回调。...之后，就像开篇时所说的那样，Vue.js 牛刀小试 和 ASP.NET Core 项目实战 相辅相成，后期的关注点将聚焦于如何通过 ASP.NET Core 和 Vue 进行前后端开发，欢迎持续关注~~

    1.4K30

    (转)母版页和相对路径

    一个经常让开发人员疑惑的问题是母版页是如何处理相对路径的。如果你使用的是静态文字，这一问题不会困扰你。不过，如果你加入了标签或者指向其他资源的HTML标签，问题就可能发生。...所以，ASP.NET不会接触到它。遗憾的是，当ASP.NET创建 内容页的时候，这个标签就不合适了。...另一个快捷的解决方案是把图片标签变成服务器端控件，这样ASP.NET就会修复这个错误： 这个解决办法会起作用是因为ASP.NET根据这一信息创建一个HtmlImage服务器控件。...这个对象在母版页的Page对象实例化后创建，此时，ASP.NET把所有路径解释为相对于母版页的位置。你可以使用同样的技术来修复标签对其他页面的链接。...今天在解决这个问题的时候另一个问题又出现了,现在我要在母版页引入jquery的文件,按照上面的方法我写成    <script src="js/<em>jquery</em>.js" type="text/javascript

    1.8K20

    【ASP.NET Core 基础知识】--前端开发--使用ASP.NET Core和JavaScript进行通信

    本文将探讨如何在ASP.NET Core中使用JavaScript，并提供一些简单的示例来说明。...在ASP.NET Core中，我们可以使用AJAX从后端获取数据，并在前端显示。...回调函数：在AJAX操作完成后，通常会调用一个回调函数来处理从服务器返回的数据。这使得我们可以根据需要更新页面的内容，例如更新DOM元素或执行其他操作。...下面是一个简单的示例，演示了如何在ASP.NET Core中使用AJAX与后端进行通信。...测试 现在，您可以运行ASP.NET Core应用程序，并访问包含AJAX请求的HTML页面。页面加载后，它将通过AJAX请求从后端API端点获取用户信息，并将其显示在页面上。

    22600

    Asp.net mvc 知多少（六）

    Asp.Net MVC如何进行服务端验证? Ans. 在与用户敏感信息交互之前服务端验证至关重要。不管客户端是否验证，我们在服务端都必须进行验证。...在ASP.NET MVC中如何关闭和启用客户端验证 ? Ans....该插件是从ASP.NET MVC3引入的，通过使用组合的jquery验证和HTML5数据属性在客户端应用数据模型验证。 Q67....ASP.NET MVC4 和.NET Framework 4.5 提供捆绑和微小技术来减少对服务器的请求次数以及减少请求的CSS和JavaScript的大小，从而加快页面加载时间。...引用这个程序集即可在SP.NET MVC3 或 ASP.NET4.0中使用这项技术。 Q69. Bundling（捆绑）是如何使用浏览器的缓存能力？ Ans. 浏览器缓存资源是基于URLs的。

    2.4K50

    在一个空ASP.NET Web项目上创建一个ASP.NET Web API 2.0应用

    由于ASP.NET Web API具有与ASP.NET MVC类似的编程方式，再加上目前市面上专门介绍ASP.NET Web API 的书籍少之又少（我们看到的相关内容往往是某本介绍ASP.NET MVC...如果你了解ASP.NET MVC的路由注册，可能觉得奇怪：注册路由的模板中并没有表示目标Action的路由参数，ASP .NET Web API如何根据请求确定哪个Action方法应该被调用呢？...ASP.NET Web API的批量寄宿源自它对HttpController类型的智能解析，它会从“提供的”的程序集列表中解析出所有HttpController类型（所有实现了IHttpController...虽然这仅仅是一个简单的Web应用，但是我刻意使用了3个主流的Web前端开发框架，它们分别是jQuery、Bootstrap和KnockOut，这三个框架的使用体现在页面引用的CSS和JavaScript...ViewModel 接下来我们来看看“联系人管理器”这个Web页面究竟如何来定义。具体来说，该页面的内容包含两个部分，HTML标签和JavaScript代码。

    4.5K110

    ASP.Net MVC开发基础学习笔记：四、校验、AJAX与过滤器

    二、ASP.Net MVC下的两种AJAX方式 2.1 使用JQuery AJAX方式 　　首先，在ASP.Net MVC中使用此种方式跟普通的WebForm的开发方式是一致的，需要注意的是：Url地址不同...至此，一个使用JQuery Ajax的MVC页面就完成了。但是，这仅是一个最简单的AJAX示例，在实际开发中往往比较复杂一点。 　　...（1）首先： 　　需要将微软提供的js脚本引入到页面中：其实就是jquery.unobtrusive-ajax.js <script src="~/Scripts/<em>jquery</em>-1.7.1.min.js...参考资料 （1）蒋金楠，《<em>ASP</em>.<em>NET</em> MVC下的四种验证编程方式》，http://www.cnblogs.com/artech/p/<em>asp</em>-<em>net</em>-mvc-validation-programming.html...（2）蒋金楠，《<em>ASP</em>.<em>NET</em> MVC下的四种验证编程方式[续篇]》，http://www.cnblogs.com/artech/p/<em>asp</em>-<em>net</em>-mvc-4-validation.html （3）

    2.1K20

    解决ASP.NET中的各种乱码问题

    我们再来看一下$.ajax是如何处理数据的提交过程的： ajax: function( origSettings ) { var s = jQuery.extend(true, {}, jQuery.ajaxSettings...从JQuery的实现方式也可以看出：encodeURI()其实也是不推荐在编码URL数据时使用的。 说到这里，我要说说为什么不推荐使用encodeURI。...ASP.NET中正确的URL编码方式 前面介绍了JavaScript中三种URL的编码方式，在服务端，ASP.NET有更多的URL编码方法， 今天我也把服务端的编码也做了个总结，因为我发现网上有些资料也是错误的...在ASP.NET中提供三个URL编码方法：HttpUtility.UrlPathEncode、HttpUtility.UrlEncode、Server.UrlEncode .NET framework...Cookie乱码问题 前段时间，有人在博客的评论中问我：asp.net服务器端写中文cookie,js客户端读取时乱码。

    2.8K62

    ASP.NET弹出消息对话框的方法小结

    【原理】 在页面上放置一隐藏控件，并在页面最后放上一段脚本代码，脚本代码检测隐藏控件的value是否为空，若不为空则弹出对话框显示信息，否则什么也不做。... <INPUT id="passTxt" type="hidden" runat...我们在ASP.NET程序的开发过程中，常常需要向用户给出提示信息，比如是否“操作成功”，“确定”还是“取消”操作。   ...{window.navigate('doDelete.aspx');} "); 方法二需要跳转到另一个页面执行操作，比方法一稍繁琐些，不过怎样用还看具体情况。 收集到的。...{window.navigate('doDelete.aspx');} "); 方法二需要跳转到另一个页面执行操作，比方法一稍繁琐些，不过怎样用还看具体情况。 收集到的。

    3.8K20

    ASP.NET MVC集成EntLib实现“自动化”异常处理

    [源代码从这里下载][本文已经同步到《How ASP.NET MVC Works?》...以用户登录场景为例，我们在通过Visual Studio的ASP.NET MVC项目模板创建的Web应用中定义了如下一个简单的数据类型LoginInfo封装用户登录需要输入的用户名和密码。...对于我们的例子来说，从Index方法抛出的异常被处理后会调用OnIndexError方法作为对当前请求的响应。...我们再次运行我们的程序并分别输入不合法的用户名和密码，相应的错误消息会以对话框的形式显示出来，具体的显示效果如下图所示。 ?...ASP.NET MVC集成EntLib实现“自动化”异常处理[实例篇] ASP.NET MVC集成EntLib实现“自动化”异常处理[实现篇]

    1.1K100

    什么是前端技术与后端技术

    了解这些知识，对你以后网站开发之路如何走、该学习些什么，是非常有用的。同时也避免你走太多的弯路。...3、ASP.NET ASP.NET的前身就是我们常说的ASP技术。绿叶学习网就是使用ASP.NET开发的。ASP.NET是本系列课程推荐使用的一门技术。当然大家可以自己选择。...这是本网站推荐的： HTML入门→CSS入门→HTML进阶→CSS进阶→JavaScript入门→jQuery入门→ASP.NET入门（或PHP入门）→Ajax→ASP.NET进阶（或PHP进阶） 这一条路线是比较理想的一条从前端开发到后端开发的学习路线...jQuery是全球最流行的JavaScript框架，是最简单易懂、最适合初学者入门的JavaScript框架，没有之一 1、从web1.0到web2.0，网页制作已经变为前端开发了。...（或PHP）、SQL Server等； 5、学习路线：HTML入门→CSS入门→HTML进阶→CSS进阶→JavaScript入门→jQuery入门→ASP.NET入门（或PHP入门）→Ajax→ASP.NET

    4.5K31
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券