Using jQuery to directly call ASP.NET AJAX page methods

Hi guys,

I want to avoid page refereshing or loding with the help of jquery ajax. Here i am attatch my asp page code.

<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Shared/NimbleSchedule_H1_F1_L1.master"
    CodeBehind="DepartmentWizard.aspx.cs" Inherits="DepartmentWizard" %>
    <%@ MasterType VirtualPath="~/Shared/NimbleSchedule_H1_F1_L1.master" %>
<%@ Register Src="../Widgets/MyAccountNavigation.ascx" TagName="MyAccountNavigation"
    TagPrefix="NSMyAccountNavigation" %>
<asp:Content ID="cntHeader" ContentPlaceHolderID="head" runat="Server">
    <script type="text/javascript" src="../Scripts/jquery.js"></script>
    <script src="../Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('[id$=lnkCancel]').click(function () {
                $('[id$=txtDepartmentName]').val("");
                return false;
            });
              $('#cntEmployee').load(function(evt){
                evt.preventDefault();
                $.ajax({
                    type: "P

Hi there,

I developed a page where i m using jquery treeview plugin to generate tree. It worked fine on FF, IE8 with out ajax.

But when my page loads thro' ajax call in IE8, it is not collapsing or expanding tree.

Any idea?

Thanks in advance.

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"%>';
                //alert(sord);
                var page = '<%= ViewData["page"] %>';
                var rows = "5";
                
                $.ajax({
                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

Hello

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: <