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

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

Templating for Json in an AJAX call

Posted By:      Posted Date: October 01, 2010    Points: 0   Category :ASP.Net


I am new and working on JQuery. I been looking around for templating in ASP.NET.

Suppose I have Json data coming from web service in an AJAX call. Is there any way to use that in Template and than fill that template at the required place?

Any good approach.


View Complete Post

More Related Resource Links

Using jQuery to directly call ASP.NET AJAX page methods

Here I am looking to explain how to call page methods using jQuery. Using jQuery to directly call ASP.NET AJAX page methods

Jquery Ajax Call to Mvc Action tips.


I try to do a ajax call via the jquery api.

The scritp :

$("#sortColumn").click(function(e) {
                var columnName = $(this).attr('name');
                var sidx = columnName;
                var sord = '<%= (string)ViewData["sord"] == "asc" ? "desc" : "asc"%>';
                var page = '<%= ViewData["page"] %>';
                var rows = "5";
                type: "POST",
                url: "/Mailings/GetData2",
                data: {'sidx': sidx ,'sord': sord ,'page': page ,'rows':  rows },
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(response) {
                var jsonObject = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;
                error: function(xmlHttpRequest, textStatus, errorThrown) {
                    document.getElementById('infoContentHeader').innerHTML = xmlHttpRequest.responseText;


And the

$.ajax post from asp.net page and __viewstate causing call to fail



Now I know that I won't be sending viewstate and eventvalidation in my ajax calls and that I will only want to send the actual form fields for efficiency purposes but I will need to know the answer to this question, to inform the more junior members of the team and my manager, so if anyone has any answers they are most welcome.

I have a simple form as follows

<form id="form1" runat="server"> 
<p>Field1: <

make json call to send an email


the aspx:

<div class="contactSubmit">
                <asp:ImageButton ID="ibSubmit" runat="server" ValidationGroup="vgContact" /></div>


the jquery :

$(document).ready(function () {
            // Add the page method call as an onclick handler for the div.
            $(".contactSubmit").click(function () {
                    type: "POST",
                    url: "Home.aspx/GetDate",
                    data: "{}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {
                        // Replace the div's content with the page method's return.

The problem is that I need to use the text in a text box in my webmethod, and I can't because it's static, this results in a compilation error:

    public static string SendContactForm()


ajax call to webservice

I am new to jquery and want to make a simple jquery ajax call to webservice. My webservice is running fine but I am unable to get the data through ajax and jquery. My code is <%@ Page Language="C#" AutoEventWireup="true" CodeFile="WS.aspx.cs" Inherits="WS" %> <!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></title> <script src="jquery-1.4.2.min.js" type="text/javascript"></script> <script  type="text/javascript"> $(document).ready(function() { $("#btGetDate").click(function() { //$("#dvDate").html("I am here"); $.ajax({ type: "POST", url: "WebService.asmx/GetDateTime", contentType: "application/json; charset=utf-8", dataType: "json", success: function(msg) { $("#dvDate").html(msg); } }); }); }); </script> </head> <body> <form id="form1" runat="server"> <div> <div id="dvDate"></div><input id="btGetDate" type="button" value="Get Date" /> </div> </form> </body>  

Ajax.net 3.5 JSON and WCF Serialization

 I'm trying some WCF ajax.net 3.5 out for the first time, and I'm having some difficulties.  I have a WCF Service which I have connected to in my aspx page using <asp:ScriptManager>.  I have a custom object which has been decorated as a [DataContract].  I'm calling the object from javascript successfully, I can see the JSON response in FireBug, but Sys.Serialization.JavaScriptSerializer.deserialize() chokes on it.  I'm sure I'm making a noob mistake, but I used up all my patience getting the Web.Config values right for running the WCF service :)Here's a mockup of what I'm doing.// The custom objectnamespace my.namespacehere{ [DataContract] public class UserAccountData : IComparible { [DataMember] public Guid AccountGuid { get; set; } [DataMember] public string Email { get; set; } [DataMember] public string UserName { get; set; } // Ctor and IComparible stuff omitted }}// The WCF Service .svc.cs codenamespace my.namespacehere{ [ServiceContract( Namespace = "AdminServices" )] [AspNetCompatibilityRequirements( RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)] public class LookupServices { [OperationContract] public UserAccountData GetUserAccountData( Guid accountGuid ) { // The code for the stat

AJAX call is not working on F5 load balancer web farm setup

I have the following web farm setup in production server.Browser --> HTTPS --> Load Balancer --> HTTP --> webserver nodeF5 Load balancer handles off box SSL termination. It implies that SSL resides on F5 load balancer. Problem Statement: Ajax calls do not go through unless "Access data sources across domains" option is enabled in IE security settings. I have the similar setup in staging server except F5 Load balancer. The ASP.Net application makes perfect AJAX calls on both HTTP and HTTPS.However, the staging server web farm use windows NLB and SSL resides on individual web server nodes

Get xhr object in vb.net when error occured in ajax call using JQuery.

Hi Dude,   I have a big problem in Jquery ajax call. I am calling the web service whenever click the update button. I have a separate web service class, in which consist of few methods. When I calling the web service method, I have made the error handling and log the error information in db after that I have to override the "ex" that means error object to XMLHttpRequest. Is it possible to assign the sqlexception to ajax object (xhr) in vb.net? Please help me its much more useful for me.   Thank in advance.

Authentication timeout while making AJAX call?

Hi,I tried to take advantage of jQuery AJAX call to enhance user experience but I am facing a tricky problem.When the user does nothing for a period of time, e.g. 30 minutes to reach authentication timeout, making AJAX call becomes the problem. The server side will return login page and display in my target div section. The simplest solution I can think of is to inject a dummy tag in login page, and when detecting such dummy tag then use javascript to redirect to login page. But this means that I have to do that every time I make AJAX call. Is there any more decent way to do that? Regards,Charlie

jquery ajax call does not work after adding routes

Hi.   I've added routes to my asp.net 4 website so that, for example the page: "~/Main/About/Careers.aspx"  is mapped to the url:  http://localhost/mysite/careers/   I'm using jquery to make an ajax call and it simply does not work after I've added the routing, I used the following code, and it remains stuck on the spinner image:$.ajax({ type: "POST", url: "Careers.aspx/SubmitApplication", data: "{" + paramList + "}", contentType: "application/json; charset=utf-8", dataType: "json", beforeSend: function () { $(".applySpinner").show() }, success: function (msg) { $(".applySpinner").hide(); // Replace the div's content with the page method's return. if (msg.d == "") { $(".applySuccess").hide(); $(".applyFailure").show(); return; } else $(".applyFailure").hide(); $(".sentTime").text(msg.d); $(".applySuccess").fadeIn(1000); } }); Thanks.  

Measure Ajax call duration till page is rendered (including screen paint time)



I am using an ASP.Net AJAX application and I need to measure the performance of the AJAX call from the time it is invoked till page is rendered, including screen paint time.

I am using an update panel.

The screen paint time is critical since i want to record the time taken to render the output as well.


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


While building my excel file, do an ajax call



I'm in trouble here because of a little problem.

In fact, in my MVC project, I have a controller which build a Excel file and the return value is a FileResult.

for now, I'm using this like that :

<form id ="TransacExportForm" method="POST" action="/theproject/thecontroller/theaction" style="display:none;">


With the javascript :


As I expected, after 25 seconds, the browser send the window popup to download the file (which is what I want)

It works perfectly, but it's so long... It's why I would do some ajax calls in order to have a "loading gif", and when the file is "created", the browser send the message to download the file.

I tried a loooot of things (get, ajax, etc...). The file is created but the browser don't send any message to download the file.

If someone could give me an answer, it would be very great :D !

which approach is better? client side callbacks or ajax using json for programming?


Hello! Friends,

                   I just wanted to know whether clientside callbacks or ajax is better for programming? I want to develop a webbased ERP. 


Ajax call not working on production box - Using ASP.NET MVC 2



The following .post command in a .js file works fine in Dev and Test but not on our production box (Windows Server 2003).  I believe the URL is not being found on the production box since the function(result) is not being run.  Or it could be that the index method is not returning the jsonresult.

    $.post(BASE_APP_URL + "Beast/Index", $("#beastForm").serialize(), function(result) {
    }, "json");


    <script type="text/javascript">
        var BASE_APP_URL = '<%=Url.Content("~/")%>';   
Index Method:
        public ActionResult Index(BeastPrompt b,string hiddenSubmit, string btnRun)
            beast.errorMessage = string.Empty;

How to send parameter in query string on ajax call in asp.net mvc


I want to send selected page value on querystring while navigating through paging. URL that is generating on paging are like this

Link/Index?page=2  or Link/Index?page=3

but on my URL it only shows Link/Index and perform Ajax call but if i disable my Javascript and then navigate through paging it gets Postback and have URL like


which is perfect. But i want this type of URL in Ajax call as well how can i do this? Issue is if we navigate through pages when Javascript is enable it shows Link/Index and when user goes to page no 2 then 3 then 4 and press back button it goes to press page instead of page 3 then page 2. For reference if writing the code which generate paging

<%= Ajax.Pager(new AjaxOptions { UpdateTargetId = "divGrid", LoadingElementId = "divLoading" }, ViewData.Model.PageSize, ViewData.Model.PageNumber,
    ViewData.Model.TotalItemCount, new { controller = "LinkManagement", action = "Index" })%>

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

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