pass values from textbox to url in javascript

Question

How can i pass values from textbox to a url on click of a button using javascript? I have a login page. when i input a username and password in a textbox, the url should take the values and give the response. How can i do it?

http://url.php?id=login&email=<email>&password=<password>

This url gives response as {"status":0,"msg":"Email is Wrong!"} and when i put my id and pwd in url

http://url.php?id=login&[email protected]&password=abc

url give response as

{"status":1,"msg":"Session is active","session_id":"p246igeaadcdui7hb0o2677c53","user_id":"13"}

Thanks in advance..

Username :

Password :

This is what i am working on

You might want to reconsider putting the user's password in the URL in plaintext like that... — Jason Hall
– Jason Hall, Commented Feb 18, 2012 at 10:06
no i want the value to pass from text to the url as i click on a button — SONAL KASLIWAL
– SONAL KASLIWAL, Commented Feb 18, 2012 at 10:08
Yes, which means your user's email will be visible in the URL in plain text. That's a Bad Thing. — Jason Hall
– Jason Hall, Commented Feb 18, 2012 at 10:10
no actually right now i am working on local server. so its only for my coding. — SONAL KASLIWAL
– SONAL KASLIWAL, Commented Feb 18, 2012 at 10:11
@SONALKASLIWAL Don't ever do that. Eventually, by accident, you might just decide to use this solution in production code. — kapa
– kapa, Commented Feb 18, 2012 at 10:22

satoshi · Accepted Answer · 2012-02-18 10:22:33Z

2

Plain javascript:

var email = document.getElementById("email").value;
var password = document.getElementById("password ").value;
var url = "http://url.php?id=login&email="+encodeURIComponent(email)+"&password="+encodeURIComponent(password);
window.location.href = url;

jQuery:

var email = $("#email").val();
var password = $("#password").val();
var url = "http://url.php?id=login&email="+encodeURIComponent(email)+"&password="+encodeURIComponent(password);
window.location.href = url;

Note that for my example to work, the email and the password input fields must have the id set to email and password respectively.

edited Feb 18, 2012 at 10:22

answered Feb 18, 2012 at 10:09

satoshi

4,1338 gold badges50 silver badges59 bronze badges

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

6 Comments

Risto Novik Over a year ago

This one does not pass the var url to address bar?

SONAL KASLIWAL Over a year ago

what do you mean by "must have the id set to email and password respectively."

satoshi Over a year ago

@jurka It doesn't pass it to the address bar, right. Just add window.location.href = url; (edited the question)

satoshi Over a year ago

@SONALKASLIWAL I mean <input type="text" id="email" /> <input type="password" id="password />

SONAL KASLIWAL Over a year ago

|

francesco · Accepted Answer · 2012-02-18 10:17:40Z

0

ajax version:

//same as satoshi version
var myUrl = "http://url.php?id=login&email="+encodeURIComponent(email)+"& password="+encodeURIComponent(password);

$.ajax({
    url : myUrl,
    dataType : 'json',
    success : function(data){
        alert( data.status ? ("logged in " + data.msg) : ("error: " + data.msg));
    },
    error : function(jqXHR, textStatus, errorThrown){
        alert('error ' + errorThrown);
    }
});

answered Feb 18, 2012 at 10:17

francesco

2,1533 gold badges19 silver badges24 bronze badges

1 Comment

SONAL KASLIWAL Over a year ago

Collectives™ on Stack Overflow

pass values from textbox to url in javascript

2 Answers 2

6 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related