forum

home / developersection / forums / how to solve document.ready on partial postback not working in asp.net

Ask Question

How to Solve document.ready on partial Postback not working in asp.net

Anonymous User 2026 04-Jan-2016
I want to know How to  Solve document.ready on partial Postback not working  in asp.net.please tell me how to solve this 
asp.net asp.net  javascript 
Updated on 04-Jan-2016
Anonymous User

Other

I am a content writter !

Follow Message
Can you answer this question?
Answer

1 Answers

Anonymous User

Anonymous User

04-Jan-2016

the pageLoad() and  $(document).ready() events do the same.
both methods seem too similar in simple example.
but $(document).ready() and pageLoad() methods have very much differences in feture.
I will explain differences between $(document).ready() and pageLoad() methods.

$(document).ready()
JQuery’s document.ready() method gets called as soon as DOM is ready .
 If your web page has large images, it will not wait for loading of images completely.
 Hence it may called before pageLoad() method.
We can have multiple document.ready() methods on a single web page which will be called in coming sequence.

<script type="text/javascript"> 
        $(document).ready(function () {
            $('#id').text('Working document ready');
        });
</script>

pageLoad() method gets called when all resources of the page have been fully loaded.
if you have  large size images on web page then until all the images are not fully loaded on the page, pageLoad()
method will not called. pageLoad() method is not browser compatible. We can have only one pageLoad() method on a single web page.

<script type="text/javascript">
        function pageLoad() {
            $('#id').text('Working pageLoad');            
        }
</script> 
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PartialPostBack.aspx.cs" Inherits="Forumasp.PartialPostBack" %>


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-2.1.4.js"></script>
</head>
<body>
    <form id="form1" runat="server">    <div>
    <script type="text/javascript">
        function pageLoad() {
            $('#id').text('Working pageLoad');
            console.log('clicked');
        }
        $(document).ready(function () {
            $('#id').text('Working document ready');
        });
</script> 
<asp:ScriptManager ID="ScriptManger1" runat="server" /> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<div>
    <asp:Label ID="id" runat="server" Text="Label" ClientIDMode="Static"></asp:Label>
    <asp:Button ID="btnsubmit" runat="server" Text="Submit"/>
</div>
</ContentTemplate> 
 </asp:UpdatePanel> 
    </div>
    </form></body>
</html>

 

 

 

 

 

 

 

 
MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy