Call Asp.net Page Method Using Jquery 

<html>
<head runat="server">
    <title>Ajax Page</title>
    <script type="text/javascript" src="../Library/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" language="javascript">
        function CalllPageMethod() { // this will be called on button click event
               $.ajax({
                type: "POST",
                url: "Default.aspx/" + "GetData", // Default.page is your page and GetData is Your public Method inside code behind file which will return some response.
                data: "{'FirstName': '"+$("input#txtFirstName").val()+"'}",// Here i am passing the value of txtFirstname to GetData method
//FirstName is parameter of GetData method
                contentType: "application/json; charset=utf-8",
                datatype: "json",
                success: onSuccess, //onSuccess is the name of method which will be called when response is received from server
                fail: onFail //fail is the name of method namd this will be called when their is some error in getting the response from server
            });
        }

        function success(response) {
            alert(response.d);
        }
        function fail(response) {
            alert("error");
        }
          
          
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="tm">
    </div>
    <input type="text"  id="txtFirstName"/>
     <input type="button" value="load Value" id="Btn" onclick="CalllPageMethod();" />
    </form>
</body>
</html>   


This is webmethod inside code behind file default.aspx.cs

 [System.Web.Services.WebMethod]
        public static string GetData(string FirstName)
        {
            return "Welcome Mr "+FirstName;
        }

 

Comments

Post a Comment

Popular posts from this blog

Insert, Delete Rows, columns in HTML table Using Javascript

How to insert delete rows and cells dynamically in table using JavaScript Lets create a table object var table=document.CreateElement('table'); Or if you want to modify existing table then use below line. var table=document.getElementById('empTable'); you can set the attributes of table object using following code //Syntax object.setAttribute(attributeName, attributeValue); table.setAttribute("cellpadding","0"); table.setAttribute("cellspacing","0"); Now i want to add new row at the end, table, For this you need to get the Count of rows in table and Add the row at last index. var rows=table.getElementsByTagName('tr'); this will return the rows as array of object. Now insert new row at last index of table var lastIndex=rows.length; var newRow=table.insertRow(lastIndex); Now add the column to the newRow object. var cell=newRow.incertCell(0); Lets say i want to set inner HTML of this cell ...
Read more

Lite PromiseJS(Light weight JavaScript promise library)

lite-promise https://github.com/vijaytanwar/lite-promise Lightest implementation of promise library in JavaScript, Minified version is only 1.5 KB still supporting quote unique features. It execute all promises as fast as possible, and it directly call success or error function when all the promise resolves or rejects without using timers, which make this library superfast. Features Supported by this library when: run more then once function params: holds parameters for functions inside "when" function call. success: called when all promises are resolved error: called when any of the promise rejects cancel: abort the function call and dont call the success or error functions progress: called multiple times when promises are resolved. dynamicPromise: will wrap exiting normal javascript function in promise enabled function and return value from your function will be passed in success call and exception will treated as promise rejected. Create defered functi...
Read more

Open source Social Networking site in Asp.net and Microsoft Ajax

Image
Open source Social Networking site in Asp.net and Microsoft Ajax If you want to develop Facebook like chat application in asp.net then don't go anywhere ChatME is open source best application to start with. Contain lots of functionality like message posting, chat box implementation, automatically loading pages using Ajax, Gallery management, Gallery sharing,  window.location.hash implementation to modify the URL of page without loading the page. There are so many other other advanced technique. Best part is that it is developed by only single developer within 1.5 month only. https://chatme.codeplex.com/ Contact me if you any some issue in setting this project in Visual Studio or setting database. tamarvijay@gmail.com
Read more