You must Sign In to post a response.
  • Category: ASP.NET

    How to Change Content or Text without Refreshing or Reloading the Page in

    Hi Developers,

    I am creating a project like job portal.
    The particular job and it's description content is dynamically changed by clicking the particular job Link.
    The particular content should be changed but the page is must not be refresh or reload.

    So please help me to how to i done this task.

    Thanks with
  • #765593
    Hi Paul,

    If you want to stop the refreshing the page when your content is updated then use AJAX Update Panels, using that Update Panel control you can able to set the triggers inside the triggers you can able to set the event name for which event you want to stop refreshing based on that you can perform action as you want.

    Refer below sample,

    Give respect to your work, Instead of trying to impress your boss.

    Blog :

  • #765596
    Place controls inside AJAX UpdatePanel.
    Register job Link click event as a trigger inside an update panel.

  • #765633

    Use Update Panel control for avoiding Page refresh.Put all the controls of that Page under Update Panel.

    Using of Update Panel is good from avoiding Page Fresh. It will not refresh the whole page while changing any value.


  • #765635
    Instead of ajax panel i would prefer jquery's ajax call
    $.get(url :'http://url',
    success: function(reponse){
    var s = document.getElementById(variable);
    s.value = "new value";

    You may not even need ajac call if you already kwon what content you should update. then just update div tag as mentioned in success function.

  • #765654
    If you want to change any of the content in the page without refreshing the page. The best way is Jquery AJAX.
    It is very simple to make the backend call and give you the result. In the success of the call you can change your page content with your refresh. For handling input and out of the data you can go for JSON. It is also very simple.
    Following is the very simple example where you can get more details.

    type: "post",
    url: "MyData.aspx/GetData,
    contentType: "application/json; charset=utf-8",
    dataType: "html",
    data: '{"format":"' + EmpNoL+ '"}',
    success: function (result) {
    if (result != '') {
    var jsonObject = JSON.parse(result);
    // your display handling part
    error: function (xhr, status, error) {


    By Nathan
    Direction is important than speed

  • #765657
    Use update panel is the best way to avoid postback. just try out below snippet

    < asp:ScriptManager ID="ScriptManager1" runat="server"/>
    < asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">
    < Triggers>
    < asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
    < /Triggers>
    < ContentTemplate>
    < fieldset>
    < legend>UpdatePanel</legend>
    < asp:Label ID="Label1" runat="server" Text="Panel created."></asp:Label><br />
    < asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
    < /fieldset>
    < /ContentTemplate>
    < /asp:UpdatePanel>

    //in cs page
    protected void Button1_Click(object sender, EventArgs e)
    Label1.Text = "Panel refreshed at " + DateTime.Now.ToString();

    Editor, DotNetSpider MVM
    Microsoft MVP 2014 [ASP.NET/IIS]

  • #766395

    try to timer using for this fixed in this issue.

    try to update panel

    <asp:UpdatePanel ID="UpdatePanel2" runat="server"
    <asp:Label ID="Label2" runat="server"
    ForeColor="red" />
    <asp:Button ID="Button2" Text="AddRow" OnClick="Button2_Click" runat="server" />
    <asp:AsyncPostBackTrigger ControlID="Button2"
    EventName="Click" />

    Server side

    protected void Button2_Click(object sender, EventArgs e)
    //write your code

    Name : Dotnet Developer-2015
    Email Id

    'Not by might nor by power, but by my Spirit,' says the LORD Almighty.

Sign In to post your comments