正文

将 jQuery 集成到现有的 ASP.NET Web 应用程序中？

 2023-05-08  231

关键词：

【中文标题】将 jQuery 集成到现有的 ASP.NET Web 应用程序中？【英文标题】：Integrating jQuery into an existing ASP.NET Web Application? 【发布时间】：2010-09-13 23:23:58 【问题描述】：

Microsoft recently announced Javascript/HTML DOM 库 jQuery 将被集成到 ASP.NET MVC 框架和 ASP.NET / Visual Studio 中。

使用 ASP.NET 2.0 采用 jQuery 的最佳实践或策略是什么？我想为 jQuery 准备一个现有的大型 ASP.NET Web 应用程序（not MVC）。我将如何处理版本控制和相关问题？

集成 jQuery 和 ASP.NET Ajax 有什么注意事项吗？还是第三方组件，例如 Telerik 或 Intersoft 控件？

【问题讨论】：

【参考方案1】：

对我来说，在使用 UpdatePanels 和 jQuery 时会出现问题（MVC 没有问题，它没有页面生命周期并且是真正的无状态）。例如，有用的 jQuery 习惯用法


$(function() 
  // some actions
);

如果页面中有 UpdatePanel，用于增强 DOM 或将事件附加到 DOM 元素可能无法与 ASP.NET PostBack 模型很好地交互。到目前为止，我使用以下代码 sn-p 绕过它


if (Sys.WebForms.PageRequestManager) 
  Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() 
    $('#updateListView1').trigger("gridLoaded");
  );

其中gridLoaded 将替换$(document).ready。

我认为您必须格外小心并非常了解 ASP.NET 页面/控件生命周期才能混合使用这两种技术。

【讨论】：

【参考方案2】：

David Ward 在这里提到了一个小问题：http://encosia.com/2008/09/28/avoid-this-tricky-conflict-between-aspnet-ajax-and-jquery/

但是，将 jQuery 集成到现有应用程序中不应该有任何重大问题，除非您计划对现有代码进行大量更新/修改以利用 jQuery 的强大功能，否则您不会注意到主要优势。

【讨论】：

将捆绑包添加到现有的 ASP.NET Webforms 解决方案

】将捆绑包添加到现有的ASP.NETWebforms解决方案【英文标题】：AddingBundlestoexistingASP.NETWebformssolution【发布时间】：2015-08-1102:15:13【问题描述】：我正在尝试，但我的捆绑包总是呈现为空，我不确定为什么。我一直在关注thisblogpost... 查看详情

如何将 Web API 控制器添加到现有的 ASP.NET Core MVC？

】如何将WebAPI控制器添加到现有的ASP.NETCoreMVC？【英文标题】：HowtoaddWebAPIcontrollertoanexistingASP.NETCoreMVC?【发布时间】：2017-07-0422:30:43【问题描述】：我使用默认的ASP.NETCoreMVC模板创建了一个项目。我还想在/api/Controller下创建一个RE... 查看详情

如何将 Web API 添加到现有的 ASP.NET MVC (5) Web 应用程序项目中？

】如何将WebAPI添加到现有的ASP.NETMVC(5)Web应用程序项目中？【英文标题】：HowtoaddWebAPItoanexistingASP.NETMVC(5)WebApplicationproject?【发布时间】：2014-11-2122:06:57【问题描述】：假设您在创建新的MVC(5)项目时忘记勾选WebAPI复选框（将其添加... 查看详情

将 React Native 代码集成到现有的 android 项目中

】将ReactNative代码集成到现有的android项目中【英文标题】：Integratingreactnativecodeintoexistingandroidproject【发布时间】：2020-06-0312:13:51【问题描述】：会遇到以下错误。原因：java.lang.IllegalAccessError:Method\'voidandroidx.core.net.ConnectivityManage... 查看详情

如何将 midi 导出集成到现有的 lilypond 分数中

】如何将midi导出集成到现有的lilypond分数中【英文标题】：Howtointegratemidiexportintoexistinglilypondscore【发布时间】：2019-08-2017:25:02【问题描述】：我正在尝试对现有的Lilypond乐谱进行MIDI导出，但如果工作人员不止一个，我将无法这... 查看详情

将 grails 集成到现有的 Spring 应用程序中？

】将grails集成到现有的Spring应用程序中？【英文标题】：Integratinggrailsintoanexistingspringapplication?【发布时间】：2010-10-2707:48:03【问题描述】：如果您不想为grails启动一个单独的项目，而是将其潜入现有的web应用程序中怎么办？我... 查看详情

将聊天模块集成到现有的 ruby 应用程序

】将聊天模块集成到现有的ruby应用程序【英文标题】：integratingachatmoduletoexistingrubyapp【发布时间】：2012-11-1003:03:36【问题描述】：我有一个Rails应用程序（Rails3/ruby1.9.x），我的客户希望聊天与应用程序集成（例如：就... 查看详情

将 ngrx/Store 集成到现有的 Angular 项目中

】将ngrx/Store集成到现有的Angular项目中【英文标题】：Integratingngrx/StoretoanexistingAngularproject【发布时间】：2019-11-2003:00:39【问题描述】：我有一个Angular7项目，目前有很多组件可以与API通信并从中更新数据。使用setTimeout不断刷新... 查看详情

将 ResKit 集成到现有的 Core Data 应用程序中

】将ResKit集成到现有的CoreData应用程序中【英文标题】：IntegratingResKitintoexistingCoreDataapp【发布时间】：2012-09-1814:27:14【问题描述】：我有一个现有的CoreData应用程序，现在我想为我的对象的远程存储添加REST支持。我决定集成RestKi... 查看详情

如何将 Qt 集成到现有的 C++ 项目中

】如何将Qt集成到现有的C++项目中【英文标题】：HowtointegrateQtintoanexistingC++project【发布时间】：2019-05-2114:50:45【问题描述】：我正在自学C++。我已经完成了许多教程，这些教程都是控制台项目，并且我一直在使用VisualStudioCommunity... 查看详情

将 javascript 嵌入到现有的 pdf

】将javascript嵌入到现有的pdf【英文标题】：Embedjavascripttoexistingpdf【发布时间】：2010-12-0816:23:27【问题描述】：嗨我正在像这样将pdf文件嵌入到我的asp.net页面中<objectdata="..."type="application/pdf"></object>问题是我已经为pdf创... 查看详情

如何将人行横道集成到现有的离子目标c项目中

】如何将人行横道集成到现有的离子目标c项目中【英文标题】：Howtointegratecrosswalkintotheexistingionicobjectivecproject【发布时间】：2015-12-2107:32:07【问题描述】：iOS的人行横道的所有示例均以swift语言显示。我有一个项目正在离子和客... 查看详情

Cocoa：将 NSApplication 集成到现有的 c++ 主循环中

】Cocoa：将NSApplication集成到现有的c++主循环中【英文标题】：Cocoa:integrateNSApplicationintoanexistingc++mainloop【发布时间】：2011-10-0715:00:48【问题描述】：我知道，我不是第一个尝试在OSX上将Cocoa与现有的c/c++主循环一起使用的人，但我... 查看详情

使用刀片将 Angular5 集成到现有的 Laravel 项目中

】使用刀片将Angular5集成到现有的Laravel项目中【英文标题】：IntegratingAngular5inanexistingLaravelprojectwithblade【发布时间】：2018-11-2705:23:33【问题描述】：我担心在我当前的项目中涉及前端框架的集成问题。我参与了一个基于Laravel的... 查看详情

使用 PyQt 将基于 qml 的图表集成到现有的 ui

】使用PyQt将基于qml的图表集成到现有的ui【英文标题】：UsingPyQttointegrateaqmlbasedCharttoanexistingui【发布时间】：2017-01-1215:15:43【问题描述】：我正在使用PyQt，其中包含旧版应用程序。在这个基于UI的应用程序中，我想添加在qml中定... 查看详情

将 Dropzone.js 与其他字段集成到现有的 HTML 表单中

】将Dropzone.js与其他字段集成到现有的HTML表单中【英文标题】：IntegratingDropzone.jsintoexistingHTMLformwithotherfields【发布时间】：2013-07-2604:42:15【问题描述】：我目前有一个HTML表单，用户可以在其中填写他们希望发布的广告的详细信... 查看详情

如何将 Perl 与 ASP.NET Webforms 集成？

】如何将Perl与ASP.NETWebforms集成？【英文标题】：HowcanIintegratePerlwithASP.NETWebforms?【发布时间】：2008-12-0118:39:12【问题描述】：我想将一些现有的Perl代码与ASP.NET集成。我看到很多从.NET访问Perl的示例，但反之则没有。有没有人尝试... 查看详情

将 Cordova-Sqlite 2 插件集成到现有的 IBM MobileFirst 应用程序中

】将Cordova-Sqlite2插件集成到现有的IBMMobileFirst应用程序中【英文标题】：IntegrateCordova-Sqlite2pluginintoanexistingIBMMobileFirstapplication【发布时间】：2016-06-0316:19:05【问题描述】：我正在尝试将cordova-plugin-sqlite-2插件集成到我的IBMMobileFirst... 查看详情

正文