JavaScript Function Use To Pass Variables to a URL.

Question

1.00/5 (2 votes)

See more:

I have this JavaScript code snippet. The webservice I am using is a GoogleAPI.

JavaScript

<script type="text/javascript" >     

	var googleURL = 'https://www.googleapis.com/analytics/v3/data/ga?ids=ga%3A76546294&dimensions='+'ga%3Asource&metrics=ga%3Ausers&sort=-ga%3Ausers&start-date='+strStartDate+'&end-date='+strEndDate+'&max-results=10';
	
	//The following JS function will pass the values from the form to the URL.
	function passVariable() {
        
	  var strStartDate = document.getElementById("from_date").value;
	  var strEndDate = document.getElementById("to_date").value;
        
	  alert(googleURL);
        
	}

As the comment mentions function passVariable() {} used to pass the strStartDate & strEndDate as the googleURLs' strStartDate & strEndDate.

I use the

JavaScript

alert(googleURL);

to display the URL and the output was "undefined". I cannot understand what should I do. Could someone please help me to solve this matter?

Thanks & regards,
Chiranthaka

Posted 15-Jul-14 18:33pm

Chiranthaka Sampath

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ArunRajendra · Accepted Answer · 2014-07-15T18:38:00

Solution 1

XML

<script>
var strStartDate;
var strEndDate;

function SetVariable() {

   strStartDate = document.getElementById("from_date").value;
   strEndDate = document.getElementById("to_date").value;
}



SetVariable();



var googleURL = 'https://www.googleapis.com/analytics/v3/data/ga?ids=ga%3A76546294&dimensions='+'ga%3Asource&metrics=ga%3Ausers&sort=-ga%3Ausers&start-date='+strStartDate

+'&end-date='+strEndDate+'&max-results=10';

alert(  googleURL);



</script>

Posted 15-Jul-14 18:38pm

ArunRajendra

Updated 15-Jul-14 19:53pm

v3

Comments

Chiranthaka Sampath 16-Jul-14 0:54am

No pal it doesn't work that way. So what else I have to do?

ArunRajendra 16-Jul-14 1:37am

Try the modified solution.

Chiranthaka Sampath 16-Jul-14 3:07am

Ok now the problem is solved. But the dates are not passing to the URL as it should be. The strStartDate & strEndDate at the googleURL variable hasn't been replaced with the var strStartDate & var strEndDate values. So what do you think about that?

ArunRajendra 16-Jul-14 5:00am

Let assume this done on button click then add this lines into event.

SetVariable();

var googleURL = 'https://www.googleapis.com/analytics/v3/data/ga?ids=ga%3A76546294&dimensions='+'ga%3Asource&metrics=ga%3Ausers&sort=-ga%3Ausers&start-date='+strStartDate+'&end-date='+strEndDate+'&max-results=10';

Peter Leow · Accepted Answer · 2014-07-15T19:02:00

Try this:

<script>
function passVariable() {
        
   var strStartDate = document.getElementById("from_date").value;
   var strEndDate = document.getElementById("to_date").value;

   var googleURL = 'https://www.googleapis.com/analytics/v3/data/ga?ids=ga%3A76546294&dimensions='+'ga%3Asource&metrics=ga%3Ausers&sort=-ga%3Ausers&start-date='+strStartDate+'&end-date='+strEndDate+'&max-results=10';

   alert(googleURL);
}
</script>

Read this to understand the Scope in JavaScript[^].
++++++++[Round 2]+++++++++
You have typed the wrrong names, should be strStartDate not startDate, Try this:

<script>
var strStartDate;
var strEndDate;
 
//This is the function that alert the GoogleURL.

function testVal(){

var googleURL = 'https://www.googleapis.com/analytics/v3/data/ga?ids=ga%3A76546294&dimensions='+'ga%3Asource&metrics=ga%3Ausers&sort=-ga%3Ausers&start-date='+strStartDate+'&end-date='+strEndDate+'&max-results=10';

alert(googleURL);
 
}
 
//The following JS function will pass the values from the form to the URL.
function passVariable() {

strStartDate = document.getElementById("from_date").value;
strEndDate = document.getElementById("to_date").value;
 
alert(strStartDate);
alert(strEndDate);
 
testVal();

}

</script>