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

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

Crop image using c#

   Bitmap bmpImage = (Bitmap)Bitmap.FromFile("Path Of image to crop ");  Bitmap bmpCrop = bmpImage.Clone(new Rectangle(left,top,right,bottom), bmpImage.PixelFormat);  bmpCrop.Save("path to save cropped image");  bmpCrop.Dispose();  bmpImage.Dispose();
Read more