Asp.net中Ajax与JQuery的ready函数冲突的解决方法

Asp.net Ajax和Asp.net结合得很完美,发现不够用的时候,难免想到了Jquery。一般Jquery和Asp.net Ajax这两样东西结合使用也常见,如果处理好的话,并不会冲突。但最近发现Jquery的ready()函数在PostBack回来的时候,ready里执行的动作竟然无效了,第一印象:会不会Asp.net Ajax和Jqueryd的ready冲突了,然后去掉Asp.net Ajax脚本的引用,果然一切正常了。思前思后,最后给Asp.net Ajax ScriptManager添加一个add_endRequest(),Jquery的ready终于恢复正常了

 代码如下 复制代码

<script type="text/javascript">
    Sys.WebForms.PageRequestManager.getInstance()
    .add_endRequest(EndRequestHandler);
   
    function EndRequestHandler(sender, args) {
        if (args.get_error() == undefined) {
            PageInit();
        }
    }

    function PageInit() {
        $(document).ready(function() {
            //TODO
        });
    }

    PageInit();
 </script>

其中,添加上这段代码,还有一些注意的事项,如果这段脚本放置在head里,会发生一个错误,提示Sys对象undefined,因为Asp.net Ajax的ScriptManager,还没有状态完,Sys对象肯定找不到,这时把这脚本放置在body末尾,一切都正常了。

时间: 2024-11-01 13:58:26

Asp.net中Ajax与JQuery的ready函数冲突的解决方法的相关文章

Asp.net中Ajax与JQuery的ready函数冲突怎么办

  Asp.net Ajax和Asp.net结合得很完美,发现不够用的时候,难免想到了Jquery.一般Jquery和Asp.net Ajax这两样东西结合使用也常见,如果处理好的话,并不会冲突.但最近发现Jquery的ready()函数在PostBack回来的时候,ready里执行的动作竟然无效了,第一印象:会不会Asp.net Ajax和Jqueryd的ready冲突了,然后去掉Asp.net Ajax脚本的引用,果然一切正常了.思前思后,最后给Asp.net Ajax ScriptMana

JQuery中的ready函数冲突的解决方法_jquery

一个aspx页面通常可以包含其它ascx控件,如果在多人协同开发的情况下:程序员小张在控件A.ascx中使用了 $().ready(function{}),而程序员小王又在控件B.ascx中也使用了ready函数,程序员小李在做页面时,把A.ascx,B.ascx都拖到自己的页面中,然后在页面中也需要用到$().ready函数,这下好了: 虽然jQuery本身的设计还算不错,document加载完成后会依次触发各个ready中定义的function(这一点很好,不象javascript中默认后面

关于JS中setTimeout()无法调用带参函数问题的解决方法_javascript技巧

本文实例分析了JS中setTimeout()无法调用带参函数问题的解决方法.分享给大家供大家参考,具体如下: 解决方法:重写setTimeout() 方法,需要用到闭包函数.如下: var _st = window.setTimeout; window.setTimeout = function(fRef, mDelay){ if (typeof fRef == 'function') { var argu = Array.prototype.slice.call(arguments, 2);

jQuery与其它库冲突的解决方法_jquery

(注意:默认情况下,jQuery用$作为自身的缩写而以) 如果jQuery类库和别的类库冲突的话,可以使用jQuerynoConflict()函数来将变量$的控制权移交出给其它的javaScipt库.看下面小片断代码 <script type="text/javascript" src="../JS/JsCOM.js"></script> <script type="text/javascript" src=&quo

jquery 与NVelocity 产生冲突的解决方法_jquery

NVelocity的$与Jquery的$发生冲突时的解决方法有以下几个: 1. 使用jQuery.noConflict. 如:var j = jQuery.noConflict(); j.ajax(); 缺点:当使用jQuery的相关插件时,会使得插件失效哦! 2. 使用jQuery代替$. 如:jQuery.ajax(); 缺点:不适合扩展,一旦替换成第三方库时,那就麻烦大发 3. wrap jQuery中的冲突方法. 如$.ajax()在Velocity中会冲突,则重新定义如下: funct

asp.net中提示该行已属于另一个表的解决方法_实用技巧

复制代码 代码如下: DataTable dt = new DataTable();dt = ds.Tables["All"].Clone();//克隆All的结构传递给dtDataRow[] dr=this.dataSet31.Tables["Product"].Select("bc=1"); //通过条件得到符合条件的行for(int i=0;i<dr.Length;i++){//将数组元素加入表...dt.Rows.Add(dr[i]

ASP.NET中Ajax怎么使用_实用技巧

在ASP.NET中应用Ajax的格式如下: 前台代码(用JQuery库) $.ajax({ type: "POST", async: true, url: "../Ajax/ajax.ashx", dataType: "html", data: null success: function (result) { //do successful sth }, error: function (XMLHttpRequest, textStaus, e

asp.net中ajax技术是否可以实现停止服务器端正在运行的按钮事件

问题描述 asp.net中ajax技术是否可以实现停止服务器端正在运行的按钮事件 给予B/S的webform项目 在服务器端有一个按钮事件 执行时间较长 所以就添加了一个按钮用来可以随时停止正在运行的耗时较长的按钮 问题是那个正在服务器端运行的按钮是否可以被其他按钮终止呢?求解答 解决方案 不可以.首先将长时间操作的任务放在按钮事件中就是错误的.按钮事件在页面回传前调用,ajax回发根本在页面加载后.你应该用消息队列.后台服务去执行长时间的任务. 解决方案二: 这个理论上是可以实现的. 服务器端

深入分析jQuery的ready函数是如何工作的(工作原理)_jquery

本文深入分析jQuery的ready函数是如何工作的.分享给大家供大家参考,具体如下: jQuery 是一个伟大的脚本库,由 John Resig 在 2006年1月的BarCamp NYC上释出第一个版本.你可以在 http://jquery.com/ 下载到最新版本,截止本文发布为止已更新到jQuery 2.1.4版.这里以jQuery1.8.3为例分析. 学习 jQuery 有许多途径,我们今天从 jQuery 的 ready 函数开始.本例中的代码都来自于 jQuery 脚本库. 如果你