Pass jquery input value to url?

Question

I am able to pass plain text to my api's url as follows:

var bus = $('.location').text(); $.getJSON('http://apiofsite'+bus+'apiofsitecontinued.com'), function(){ do something});

Now I want to be able to do the same thing, but using the input field instead of printed HTML. Something like so:

<input id="stuff" type="input" />

So ideally my JS would be like so.

var sang = $('#stuff').val(); $.getJSON('http://apiofsomewebsite'+sang+'apiofsomewebsitecontinued.com'), function(){ do something});

I don't believe that the URL is reading my input, as it returns empty.

Is this code within a function that runs onClick, after the user has entered a term? — Brett DeWoody
– Brett DeWoody, Commented May 2, 2016 at 22:45
it's run by $(document).on('click', '#somerandomdiv', function(){myproblemhere}); after user has entered into #stuff — Jason Chen
– Jason Chen, Commented May 2, 2016 at 22:50
Can you provide a working example through SO's embedded code, or a jsFiddle? — Brett DeWoody
– Brett DeWoody, Commented May 2, 2016 at 22:54
Figured it out. Since I can't delete this question I'll just share my answer here. Basically, when transferring input values into an API url, be sure to format your string. So, for instance, in my example, you should add var sang = $('#stuff').val().replace(/\s+/g, '') to remove spaces and extra characters that should not be in the url. — Jason Chen
– Jason Chen, Commented May 2, 2016 at 23:40

Traveling Tech Guy · Accepted Answer · 2016-05-02 23:53:44Z

1

This doesn't seem to have anything to do with the actual ajax call. Try this:

var url = 'http://apiofsomewebsite'+ $('#stuff').val() + 'apiofsomewebsitecontinued.com';
console.log(url);
//$.getJSON(url, function() {...});

If the url is not the one you expected, check to see you are placing the code in the right event (i.e. the field's change event, a button's click event, or the form's submission etc.) when the input value is available.

edited May 2, 2016 at 23:53

answered May 2, 2016 at 22:48

Traveling Tech Guy

27.9k25 gold badges117 silver badges167 bronze badges

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

Collectives™ on Stack Overflow

Pass jquery input value to url?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related