how can send a jQuery variable value to server side in asp.net

Question

here is my jQuery:

    $(document).ready(function () {
        var image = $('#man');

        var legTooltip = 'LEG';

        image.mapster({
            fillOpacity: 0.5,
            mapKey: 'alt',
            fillColor: "000000",
            listKey: 'alt',
            scaleMap: falsee,
            singleSelect: true,
            toolTipClose: ["tooltip-click", "area-click", "area-mouseout"],
            showToolTip: true,
            onClick: function (e) {
                if (e.key === 'leg') {
                   var **symp** = e.key;                        
                }                    
            },
            areas: [
            {
                key: "leg",
                toolTip: legTooltip
            }],
            render_highlight: {
                fade: false
            }                
        });
    });

now how can i send the value of variable symp into server side cs file and save the value into another server side variable? i have little knowledge about jquery and asp.net. thanks in advance.

use ajax and send that variable value to server side.

Divyang Desai
– Divyang Desai

2016-10-23 08:41:56 +00:00
Commented Oct 23, 2016 at 8:41 — Divyang Desai
– Divyang Desai, Commented Oct 23, 2016 at 8:41
thanks for ur advice. i start learning ajax@Div

Rudro Hasan
– Rudro Hasan

2016-10-23 11:32:56 +00:00
Commented Oct 23, 2016 at 11:32 — Rudro Hasan
– Rudro Hasan, Commented Oct 23, 2016 at 11:32

NamiraJV · Accepted Answer · 2016-10-23 10:34:43Z

1

If I understand you right, you need to send a post request to server. You can do it by using jQuery method post (which is a shorthand Ajax function).

$.post( 
    "YourController/YourMethod", 
    { symp },
    function( response ) {
        //proccess the response here
    }
);

On the server side add a method in your controller which will get this value

public class YourController : Controller
{
    //other methods and fields

    [HttpPost]
    public ActionResult YourMethod(<type of variable symp> symp)
    {
        //save this value wherever you want
        //return result of your request, so you can proccess it on the client side
        //e.g. that operation was successfully completed
    }
}

answered Oct 23, 2016 at 10:34

NamiraJV

6661 gold badge7 silver badges11 bronze badges

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

Comments

Mayank Pandeyz · Accepted Answer · 2016-10-23 08:43:38Z

0

Try ajax:

$.(ajax){(
    url : 'url of the file in which yo want to process the data',
    method: 'post or get',
    data: {
        var1 : value1,
        var2 : value2    
        // these variables are available on the specified url  
        // use your variable(symp) here
    },
    success: function(response)
    {
         // response hold the server side response in it.
    }
)}

Do not forget to include the jquery library in your code.

answered Oct 23, 2016 at 8:43

Mayank Pandeyz

26.3k4 gold badges43 silver badges61 bronze badges

1 Comment

Rudro Hasan Over a year ago

thanks...as i new in jquery and ajax can you plz tell me where i write this code?

VDWWD · Accepted Answer · 2016-10-23 11:15:31Z

0

If the value of symp needs to be updated continuously, then Ajax would be better as Mayank Pandeys answer. But if you only need the value on PostBack, a HiddenField would be easiest.

<asp:HiddenField ID="HiddenField1" runat="server" />

if (e.key === 'leg') {
    var **symp** = e.key;
    document.getElementById("<%= HiddenField1.ClientID %>").value = symp;
}

And then you can use the value of symp in code behind by getting the value from the HiddenField.

string symp = HiddenField1.Value;

answered Oct 23, 2016 at 11:15

VDWWD

35.7k23 gold badges67 silver badges87 bronze badges

1 Comment

Rudro Hasan Over a year ago

thanks for your advice. for my project i needs to be updated continuously. but ur suggestion is also helpful for me as i can use it another page.

Collectives™ on Stack Overflow

how can send a jQuery variable value to server side in asp.net

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related