Pass value of user input in HTML to jQuery.Ajax

Question

I want to pass a value from a user input in a html to jQuery.ajax. Here's the code for my JS file:

jQuery(document).ready(function() {
    jQuery.ajax({           
        type: 'POST',
        url: 'myurl.aspx',
        data: {
            action: 'something', 
            count: txtCount
        }
    });
});

and here's my html file:

Count: <input type="text" id="txtCount" name="count" />
<input id="btnSubmit" type="Submit" value="Submit" />
<div> output somewhere here</div>

My javascript is working, I just removed some of the codes since i'm just pointing out on how to pass the values from the html to my ajax. I'm trying to develop a Chrome Packaged App.

i know the .val().. i'm new to jQuery and ajax, i don't know how to make it work... i tried different things, creating function inside the function and even inside the ajax, still not working,.. i started jQuery 2days ago by the way — JC Borlagdan
– JC Borlagdan, Commented Mar 21, 2016 at 9:18
thanks for the immediate reply, hmm, your comment is correct, but i get error, and i don't know how to debug on the runtime — JC Borlagdan
– JC Borlagdan, Commented Mar 21, 2016 at 9:22

Mirko Pelgrom · Accepted Answer · 2016-03-21 09:28:16Z

1

I guess you are looking for something like this:

jQuery.ajax({           
    type: 'POST',
    url: 'myurl.aspx',
    data: {
        action: 'something', 
        count: $("#txtCount").val();
    }
});

answered Mar 21, 2016 at 9:28

Mirko Pelgrom

917 bronze badges

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

1 Comment

JC Borlagdan Over a year ago

the comment answered it first so i'll just vote 1 up for you :) thanks for the reply sir.

Collectives™ on Stack Overflow

Pass value of user input in HTML to jQuery.Ajax

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related