.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
david stephan
Gaurav Pal
Post New Web Links

MVC with Javascript/AJAX scenario

Posted By:      Posted Date: August 27, 2010    Points: 0   Category :ASP.Net


I'm a rookie with Javascript/Ajax and I was hoping someone could provide an code example or advice of the following scenario:

1.  User clicks a button on the view

2.  Display a message "Waiting to be processed".  (Currently using Javascript)

3.  Execute the action method to retrieve some data.  (Call made from the Javascript)

4.  Return the same view.

5.  Open up a new browser window with a URL that was obtained from the action method.

How do I open a new browser window automatically after the action method is complete?  I was previously making the following call (Process.Start(http://www.yahoo.com);) in the action method but I'm running into issues with it.  I'd like to use Javascript/Ajax.


If it helps this the javascript code that is run when the button is clicked:

function runReportMessage() {
    document.getElementById("runReport").innerHTML = "Running the report. Please wait";
    document.getElementById("btnRun2").disabled = "

View Complete Post

More Related Resource Links

Ajax Enabled Gridview using JavaScript in ASP.NET

Before explaining the article, I would like to thank all readers who read my article and voted for it. Your appreciation for my article gives me strength to write more good articles. Hope in future I will get your valuable comments and suggestions. Now I won't waste your time and come back to the topic. I have written this article on 'Ajax Enabled Gridview Using JavaScript in ASP.NET'. In this article, I will show you how to make a Gridview using a simple HTML table, JavaScript and XML HTTP for Ajax call without using any ASP.NET control.

Using Code

GridView Javascript Click Row and Ajax

This article shows 2 common tasks with the ASP.NET GridView: Binding a List (generic) of objects as DataSource and on clicking a row, getting the values of the selected row by a javascript function. In the example a List with User-objects is displayed. On clicking a row containing the data of a User-object, the Id of the object is used to get the address of the user by an Ajax-call and display it in a details-field.

ASP.NET Proxy Page - Used for Cross Domain Requests from AJAX and JavaScript

The article ASP.NET Proxy Page - Used for Cross Domain Requests from AJAX and JavaScript was added by Aamir Hasan on Thursday, August 19, 2010.

One of the pain points with developing AJAX, JavaScript, JQuery, and other client-side behaviors is that JavaScript doesn't allow for cross domain request for pulling content. For example, JavaScript code on www.johnchapman.name could not pull content

Change active tab in Ajax tab container using javascript

I have been using the ajax tab control. I need to change the active tab index of the tab container through javascript. Can please anyone tell me how can i do it Cheers Sohail Sayed

How to access ServerSide control Value in Javascript changed by Ajax

Hello,I have a Textbox whose value is been changed using ServerSide code (AJAX based - Partial postback) and now I want to access that changed value in JavaScript. Please suggest me that how can I access that value.document.getElementByID is displaying old value.Things work fine with full postback but are creating above issue with Partial Postback.Thanks, in Advance....

ASP.NET AJAX and javascript

I have DropDownList "DropDownList1" that have to items 1-displayTextbox1 that display textbox "TextBox1" using javascripts.2- removeTextbox1  that remove textbox "TextBox1" using javascripts.This javascript function is OnSelectedIndexChange. This function call when the DropDownList1 item change using below code on Page_Load void. protected void Page_Load(object sender, EventArgs e) { DropDownList1.Attributes.Add("onChange", "return OnSelectedIndexChange();"); }   The code of OnSelectedIndexChange is :<script type="text/javascript"> function OnSelectedIndexChange() { var iDDL= document.getElementById("DropDownList1"); var iTextBox1= document.getElementById("TextBox1"); var iDDLSelectedValue = iDDL.options[iDDL.selectedIndex].value; if (iDDLSelectedValue == "displayTextbox1") { iTextBox1.style.display = "block"; } else { iTextBox1.style.display = "none"; } } </script>   Complete code : The asp cage is :<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W

Dynamic Javascript in Ajax Partial View

I have a partial view which uses Ajax.ActionLink to perform paging.  The AjaxOptions in the link identify the update target (a div on the main view) and some javascript to run OnSuccess (in the partial view).  The javascript must be in the partial view since there is some information in the partial view required to properly wire up the jQuery in the javascript.  This isn't working as expected.  The sample below is the minimum code to duplicate the behavior I am seeing: Controller: private static int count; // // GET: /Home/ public ActionResult Index() { ViewData["Test"] = count++; return View(); } [HttpPost] public ActionResult TestPartial() { ViewData["Test"] = count++; return PartialView(); } View:  <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Index</title> <script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script> <script

Ajax AutoCompleteExtender displaying incorrectly or causing javascript errors


I have an autocomplete extender working well with IE and Firefox but it is either displaying incorrectly or causing the error below in Chrome and Safari.

Displaying incorrectly: At times the autocomplete list appears in the lower right corner of the browser.  It still works at this point though.

Error: The list stops appearing along with the halting of all of the JavaScript on the page.  I captured the error (see below).  In order to get the page to operate correctly again, I have to refresh the page.

Things to note:

  • There are two autocomplete extenders on two separate textboxes both of which trigger an asynchronous post-back that updates the value of the other (to ensure the data is correct according to the database).
  • These are both located in an update panel that triggers the a-post-back.
  • I have customized the CSS but when I set the CSS back to the defaults for AjaxControlToolkit there was no change to the behavior described above.

Thank you in advance for your help!


Uncaught TypeError: Cannot call method 'show' of null


asp.net AJAX, how to respond a javascript AJAX call


Dear Friends

I have a problem

condition : server = asp.net FW3.5 .... Client = just and just htmls (no server control /no runat ="server" att)

i open a ajax request from browser and that is ok


1. in case above  a page_load happend on server we all know that, but i cant determine is it asynchorus load or normal load

2. as response of that AJAX call i can't use response.write() cause it will redraw entire page not just a portion

In Litle Details: suppose i there is a <div id = ....> on client page, i just need to send a table, after that javascript will put that under the div.

and response write can't do this cause it send xml for entire page not for just tha table,

So friends Please Help


JavaScript generated output using document.write does not appear in UpatePanel with AJAX


I have a ListView (in an UpdatePanel) connected to a LinqDataSource. When the page loads and/or I navigate through Postback, the code snippet (below) will display the following output:

[email.gif] someone@adomain.com   [email.gif] www.adomain.com

However, when I use a few DropDownLists (also in the UpdatePanel) to filter the results (reset the DataSource to a Linq query and call DataBind), the same Contact is displayed like this:

[email.gif] [email.gif] www.adomain.com


<asp:ListView ID="lvEContacts" runat="server" DataSource='<%# Eval("Business_EContacts") %>'>
    <ul id="itemPlaceholderContainer" runat="server">
      <li id="itemPlaceholder" runat="server"></li>
    <li style="display: inline; list-style-type: none;">
      <asp:Image ID="imgEContact" runat="server" ImageUrl="~/DesktopModules/images/email.gif" ImageAlign="Middle" />
      <%# FormatEContact( Eval("EContact.Address") ) %>

How to get web service address in a ajax enabled page to use it in javascript


Hii everyone,

I have a requirement where I am using web service from  a server and adding that to a client

website .I have referenced the web service in my client web site  but not able to get the

address of web service. When I click on the path I get the disco file of web service and

the result is not displayed.My code is like this

</p><p>&lt;script&nbsp; language="javascript"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function btnadd_Click() {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var x = document.getElementById('txtA').value;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var y = document.getElementById('txtB').value;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var ans = WebService.Add(parseInt(x), parseInt(y), OnComplete, OnTimeOut, onerror);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return true;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }


How to track Collapse/ Expand event of AJAX Collapsible Panel Extender to call javascript ?



I am working with AJAX Panel Collapsable panel extender.

The Panel which is to be collapsed/Expanded using AJAX panel Extender contains one custom control, containing 3 Radio buttons one of them is set checked through a javascript function when page loads. I have kept the default property of AJAX collapsable panel as Collapsable.

Script for AJAX Collapsible Panel Extender is as follow. 

 <ajax:CollapsiblePanelExtender ID="cpeSOP" runat="Server" CollapseControlID="pnlCollapsable"
   CollapsedSize="0" Collapsed="True" CollapsedImage="~/public/img/arrowRightWhite.gif"
   ExpandControlID="pnlCollapsable" ExpandDirection="Vertical" ExpandedImage="~/public/img/arrowDownWhite.gif"
   ImageControlID="Image1" SuppressPostBack="true" TargetControlID="pnlSearchCriteria">

But problem is that when page loads, collapsible panel gets collapsed but it resets the radio buttons in custom control. i.e. First radio button does not get checked. Script for Collpsable panel is as follow. I want to call some javascript code when the panel is Collapsed or Expanded. Is there any way to track Coll

Javascript allert inside AJAX UpdatePanel not working


I am having problems with alert box not popup when I'm using AJAX UpdatePanel. The following is what I have and it's not working.

1    ClientScriptManager csm = Page.ClientScript;
3    if(!csm.IsStartupScriptRegistered(this.GetType(), "winPop"))
4    {
5    	csm.RegisterStartupScript(this.GetType(), "winPop", "alert('Update is successful');", true);
6    }

I have to stress that the reason why it does not work is because I'm using AJAX UpdatePanel. If I turned off the AJAX UpdatePanel then it works perfectly. So does anyone have solution to go around this AJAX UpdatePanel issue?

Calling a javascript function from server side, using AJAX timer



I am developing a ASP.NET ajax application.
I am using a timer:

<asp:Timer ID="Timer1" runat="server" OnTick="Timer_Tick" Interval="5000" />      

The only thing I want to do is to call a javascript function on every tick of the timer:

 protected void Timer_Tick(object sender, EventArgs e)
            ClientScript.RegisterClientScriptBlock(this.GetType(), "blink", "<script>blinkit('2');</script>");

This doesn't work.
The javascript function is being called only if I put the 'RegisterClientScriptBlock' in the Page_Load.

How can I call the javascript every couple of seconds?

Thank you

AJAX/Telerik - Access Denied Javascript error


Hi all,

I have an app which loads a popup of a different app - ie cross domain browsing.  In the popup I also have telerik AJAX controls. 

When the user clicks on the close button on the page, using  :

RegisterCloseScript(Page, 1)

A javascipt error then appears, claiming Access Denied - line: 5959, which is:  

var offsetL = w.screenLeft - top.screenLeft - top.document.documentElement.scrollLeft + 2;
 I previously had issues with AJAX and telerik and have modified the MicrosoftAjax.js files as described in the links:
..and changed the script manager to:
<asp:ScriptManager ID="ScriptManager1" runat="server"><Scripts><asp:ScriptReference Name="MicrosoftAjax.js" ScriptMode="Auto" Path="~/P

html/javascript (jQuery)/ajax patterns question


My presentation layer (UI) will consist of pure html (no webforms) javascript, jquery making calls to (Ajax enabled) WCF services. can I use MVC (in my presentation layer) in this context or not?


AJAX AsyncFileUpload Javascript functions not working


<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
<script language="javascript" type="text/javascript">
    function uploadError(sender, args) {
        document.getElementById('lblStatus').innerText = args.get_fileName(), "<span style='color:red;'>" + args.get_errorMessage() + "</span>";

    function StartUpload(sender, args) {
        document.getElementById('lblStatus').innerText = 'Uploading...';

    function UploadComplete(sender, args) {
        var filename = args.get_fileName();
        var contentType = args.get_contentType();
        var text = "" + filename + "          |           " + args.get_length() + " bytes";
        document.getElementById('lblStatus').innerText = text;

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        <asp:AsyncFileUpload ID="AsyncFileUpload1" runat="server" 
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend