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

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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