<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <script language="javascript" type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
   <script language="javascript" type="text/javascript">
       $(document).ready(function () {
           $("#btnMessaggio").click(function () {
               $.ajax({
                   url: "Default.aspx/FromatMessageUppercase",
                   dataType: "json",
                   type: "POST",
                   data: "{messageToUppercase: '" + $("#messageText").val() + "'}",
                   contentType: "application/json; charset=utf-8",
                   cache: false,
                   async: true,
                   success: function (response) {
                       alert(response.d);
                   },
                   error: function (textStatus) {
                       alert("ERRORE: " + textStatus + " Dato passato: " + $("#messageText").val());
                   }
               });
           });
       });
   </script>
   <input type="text" value="" id="messageText"/>
   <input type="button" value="Maiuscolizza!" id="btnMessaggio" />
</asp:Content>