How to send text message using JavaScript to avoid post back?

Question

This is what I have implemented, for further code, how to send the text of the text box to the server to store in variable or database without post back?

It can be done by using Ajax and update plane, but I would like to implement it using a JavaScript script.

<div id="CommentID" style=" width:30%; height:30%">
   <asp:Button ID="Button1" runat="server"
        Text="Comment"
        OnClientClick="visibleDiv('id1'); return false;" />

   <div id="id1" runat="server" style="visibility: hidden; background-color:Green; width:100%; height:100%">
       <asp:TextBox ID="TextBox1" runat="server"
            AutoCompleteType="Disabled" Rows="3"
            TextMode="MultiLine" Width="98%">
       </asp:TextBox>
       <asp:Button ID="Button2" runat="server"
            Text="Post"
            onclick="Button2_Click" />
       <asp:Button ID="Button3" runat="server"
            Text="Cancel"
            OnClientClick="visibleDiv('id1'); return false;" />
    </div>
</div>

Glorfindel · Accepted Answer · 2023-09-03 14:22:48Z

1

Skip jQuery, just add use a PageMethod

This will expose a static server side method in javascript and facilitate all the Ajax stuff

Add this to your code behind

[System.Web.Services.WebMethod]
public static string SendString( string text ) {
    // store the string in the database
    return text;
}

Add a scriptmanager to your markup

<form runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server"/>
    ...

And now you can call SendString from javascript using

 PageMethods.SendString("mystring", function(text){
     alert("wooot! " + text);
 });

Also note that you can use strongly typed parameters and return values.
ASP.NET AJAX will automatically create client side classes in javascript to emulate the server side ones, and will automatically serialize and deserialize them :)

edited Sep 3, 2023 at 14:22

Glorfindel

22.8k13 gold badges97 silver badges124 bronze badges

answered May 25, 2010 at 19:27

Sean Kinsey

38k7 gold badges55 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

user287745 Over a year ago

thnks did wht ur code says but errors please check it, as i do not know what it means?

user287745 Over a year ago

<asp:TextBox ID="TextBox1" runat="server" AutoCompleteType="Disabled" Rows="3" TextMode="MultiLine" Width="98%"></asp:TextBox> <asp:Button ID="Button3" runat="server" Text="Cancel" OnClientClick="visibleDiv('id1'); return false;" /> <asp:UpdatePanel ID="UpdatePanel1" runat="server" > <ContentTemplate> <asp:Button ID="Button2" runat="server" Text="Post" onclick="Button2_Click" OnClientClick="PageMethods.SendString("mystring", function(){alert("wooot!");}); /> </ContentTemplate> </asp:UpdatePanel>

user287745 Over a year ago

public partial class _Default : System.Web.UI.Page { [System.Web.Services.WebMethod] public static string SendString(string text) { // store the string in the database } protected void Page_Load(object sender, EventArgs e) { }

user287745 Over a year ago

Error 1 '_Default.SendString(string)': not all code paths return a value this is for .cs behind coding Warning 4 The attribute name and value must be separated by an equals (=) sign. this is for the asp coding

user287745 Over a year ago

correct syntax string comments; [System.Web.Services.WebMethod] public static void SendString(string text) { // store the string in the database _Default asd = new _Default(); asd.comments = text; asd.Label2.Text = text; } and <asp:Button ID="Button2" runat="server" Text="Post" OnClientClick="PageMethods.SendString('testttttt')"/> but still failed, there is post back taking place. than you.

|

Peter Mortensen · Accepted Answer · 2010-07-12 19:10:18Z

0

I suggest you to use jQuery:

<asp:Button ID="Button1" runat="server"
        Text="Comment" 
        OnClientClick="$.post("you_url", {text: $("#TextBox1").val()});"/>

See http://api.jquery.com/jQuery.post/ for details.

edited Jul 12, 2010 at 19:10

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered May 25, 2010 at 19:01

Roman Bataev

9,3632 gold badges23 silver badges15 bronze badges

2 Comments

user287745 Over a year ago

do i have to download the juery?

Roman Bataev Over a year ago

Yes. Or you can use their CDN: <script src="code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>

Collectives™ on Stack Overflow

How to send text message using JavaScript to avoid post back?

2 Answers 2

6 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related