Sending client side value to server side with jquery and C#

Question

0.00/5 (No votes)

See more:

I'm using a jquery plugin that give me a popup with a list of links. When I click the link it changes the value of a text box via jquery:

JavaScript

$(document).ready(function () {
            $("a.clickable").click(function (event) {
                event.preventDefault();
                $("input#new_casecontactid").val($(this).attr('data-fullname'));
            });
        });

This part works fine, but when I save the form, the server side still thinks the old value is still in the textbox.

C#

protected void btnSv_Click(object sender, EventArgs e)
{
    var ContactName = fullname.Text
}

How do I get the new value of my textbox from the client side to server side?

This is what I used to get it working:

Java

$(document).ready(function () {
     $("a.clickable").click(function (event) {
         event.preventDefault();
         txt = $(this).attr('data-fullname');

         $.ajax({
             type: "POST",
             data: txt,
             success: function () {
                 $("input#new_casecontactid").val(txt);
             }
         });
     });
 });

Posted 20-Dec-11 11:29am

Nunnenkamp

Updated 21-Dec-11 9:35am

v3

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Accepted Answer · 2011-12-20T15:59:00

Of course the server side still have an old value. You never sent any HTTP request to the server side during all you jQuery manipulation. The missing link is Ajax HTTP request to be sent via jQuery. Something like:

JavaScript

$.post(
   'myPage.aspx',
   {
      type: "textbox-text-updated",
      textBoxText: newText
   },
   function(data) { /* callback on server response with data, if you need to do so */ } 
);

Your server-side code should extract new value from HTTP request by the key and remember new value for the TextBox.Text.

[EDIT] Please remember that it will send the 'post' HTTP request asynchronously; it means that on the return from $.post the post is generally not yet processed, so if you need to handle the result of the post, it can be reliably done only in the callback shown above, which is called only when the server's response is already received.

—SA

Sending client side value to server side with jquery and C#

1 solution

Solution 1

Add your solution here

Preview 0

Sending client side value to server side with jquery and C#

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us