passaggio parametri ad un webmethod

[pasqualissimo]

salve a tutti, avrei un problema che dovrei assolutamente risolvere...

dovrei passare delle stringhe di un inputbox ad un webmethod, ma proprio non ci riesco...

questo è il codice javascript,

 <script type="text/javascript">
       function bindData() {
           $.ajax({
               type: "Post",
               url: "/prova.asmx/esempio",
               dataType: "xml",
               data: {???? }

           });
        }
   </script>

......

 <input id="esempio" onClick="bindData(); "/>

ringrazio anticipatamente....

[cavicchiandrea]

Da quanto leggo api ajax invia una richiesta get al server data: { name: "John", time: "2pm" } altri invii leggi qui

[pasqualissimo]

dovrei passare dei parametri ad un webmethod, dopo l'evento click di un pulsante... lo script funziona correttamente, ma ogni volta ricarica tutta la pagina ... qualcuno mi darebbe dei suggerimenti???

ecco il codice:

<script type="text/javascript">
       function bindData() {
           $.ajax({
               type: "Post",
               url: "/Grado.asmx/esempio",
               dataType: "xml",
               data: { prova : $("#descrizione").val()}

           });

       }
       
   </script>

....

<input id="descrizione" class="k-autocomplete" />

webmethod:
codice:

 [WebMethod(enableSession: true)]
        public void esempio (String prova){
          .....
          ......
        }

ringrazio in anticipo

[Vindav]

nel codice che hai postato non mi pare ci siano errori, è possibile che effettui una submit da qualche parte nella pagina? sicuro che il webmethod funzioni correttamente?

[pasqualissimo]

il webmethod funziona correttamente...

sto usando una masterpage... può essere quello il problema??

oppure questo

<button class="k-button">AVANTI</button>

[Vindav]

Con queste informazioni è impossibile capire quale sia l'errore, fai una prova cosi e vedi se ti mostra l'alert.

$(".k-button").click(function(){
$.ajax({
               type: "POST",
               url: "/Grado.asmx/esempio",
               dataType: "xml",
               data: { prova : $("#descrizione").val()}
               success: function(){
               alert("operazione effettuata con successo");
               }
   });
});

[pasqualissimo]

grazie per la risposta..questo codice non funziona proprio

potresti dargli uno sguardo per vedere cos'è che non va???

ringrazio in anticipo!!!

<form id="form1" runat="server" action="prova.aspx" method="post">
    <input id="testo" />
    <button id="send" class="k-button">invia</button>
<script type= "text/javascript">
     
        $(".k-button").click(function () {

                    $.ajax({
                type: "POST",
                url: "/Grado.asmx/esempio",
                dataType: "xml",
                data: { prova: "pippo" },
                success: function () {
                    alert("operazione effettuata con successo");
                }
            });
        });

     </script>

</form>

Grado.asmx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;

namespace ProgettoProva
{
    /// <summary>
    /// Descrizione di riepilogo per Grado
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
     // Per consentire la chiamata di questo servizio Web dallo script utilizzando ASP.NET AJAX, rimuovere il commento dalla riga seguente. 
  
    public class Grado : System.Web.Services.WebService
    {

        [WebMethod(enableSession: true)]
        public void esempio (String prova){
           
               String nome = prova;               

        }
    }
}

[Vindav]

ovviamente va inserito al caricamento della pagina:

$(function(){
$(".k-button").click(function () {

                    $.ajax({
                type: "POST",
                url: "/Grado.asmx/esempio",
                dataType: "xml",
                data: { prova: "pippo" },
                success: function () {
                    alert("operazione effettuata con successo");
                }
            });
        });
});

[pasqualissimo]

intendi tra i tag <head></head>

scusa ma non sono molto pratico di javascript

[Vindav]

il codice è quello che trovi nel mio ultimo post, basta sostituirlo con quello precedente... se non lo hai notato ho inserito all'inizio una riga "$(function(){" e alla fine la chiusura delle nuove parentesi... provalo!