Solved

adding parameters to the url using jquery

Posted on 2016-10-19

1 solution

Medium Priority

56 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

The simplest jQuery Accordion ever

Article by: Marco

How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes

Faster Node Rejoins with Improved IST performance

Article by: Percona

In this blog, we’ll look at how improvements to Percona XtraDB Cluster improved IST performance.

Introduction to jQuery (Part 1)

Video by: Jason

The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)

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…