Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

Solved

adding parameters to the url using jquery

Posted on 2016-10-19

1 solution

Medium Priority

65 Views

Last Modified: 2016-10-19

Hi experts

I'm using jquery with a html page.

Right now I'm adding an image to my page my using .prepend like this.

var myimage = $('<a href="http://www.google.com"><img class="testclass" src="Images/testimage.jpg" /></a>');
$('.TestDiv1').prepend(myimage);

This image is added correctly to my page and the hyperlink works. It takes me to: http://www.google.com

What is the syntax to add some parameter to the url that are stored in a variable?

So i would have these variables

var parameter1 = "apple"
var parameter2 = "peach"

But I need the syntax to add these variables to this url in the snippet below:

var myimage = $('<a href="http://www.google.com"><img class="testclass" src="Images/testimage.jpg" /></a>');
$('.TestDiv1').prepend(myimage);

so I want the hyperlink url to go to: http://www.google.com&apple&peach

Anyone know the syntax?

Comment

Question by:maqskywalker

[X]

Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

Help others & share knowledge
Earn cash & points
Learn & ask questions

Join The Community

2 Comments

LVL 22

Accepted Solution

by:Kim Walker

Kim Walker earned 2000 total points

ID: 418513992016-10-19

so I want the hyperlink url to go to: http://www.google.com&apple&peach

This is an invalid URL. If you wish to add a query string to the URL, you must begin with a question mark and follow it with your key=value pairs, separated by ampersands. For example:

http://www.google.com?parameter1=apple&parameter2=peach

Open in new window

The simplest way to add the variables to the URL is to hard code them.

var myimage = $('<a href="http://www.google.com?parameter1=apple&parameter2=peach"><img class="testclass" src="Images/testimage.jpg" /></a>');

Open in new window

But I imagine the variables are variable, so you would need to concatenate the URL string.

var parameter1 = "apple";
var parameter2 = "peach";
var myimage = $('<a href="http://www.google.com?parameter1="+parameter1+"&parameter2="+parameter2"><img class="testclass" src="Images/testimage.jpg" /></a>');
$('.TestDiv1').prepend(myimage);

Open in new window

LVL 1

Author Closing Comment

by:maqskywalker

ID: 418514032016-10-19

thanks

Featured Post

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

jquery Dialog box with AJAX request on the page

Article by: Jeffrey

PROBLEM: The other day I was working on adding an ajax request to a webpage that already had a dialog box on the page. The dialog box was using relative positioning to be positioned next to a form field I had on the page. Everything was working…

jQuery

Using a drop down box to populate a second drop down box

Article by: cstsang

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …

PHP, jQuery, and Form Actions

Video by: Marco

The viewer will learn how to dynamically set the form action using jQuery.

Introduction to jQuery (Part 2)

Video by: Jason

The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…