在javascript中将值从文本框传递到url

如何使用javascript在单击按钮时将值从textbox传递到url？我有一个登录页面。当我在文本框中输入用户名和密码时，url应该接受这些值并给出响应。我怎么做

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

url响应为

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

提前谢谢

函数A（）{ $.getJSON（'http:url.php？id=login&email=&password='，函数（数据）{ 警报（数据、状态）； 警报（data.msg）； }); } 函数B（）{ $.getJSON（'url.php？id=login&email=&password='，函数（数据）{ 警报（数据、用户标识）； document.getElementById（“login”）.innerHTML； }); } 用户名：

密码：

这就是我正在研究的纯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;

请注意，要使我的示例正常工作，电子邮件和密码输入字段的id必须分别设置为电子邮件和密码。

ajax版本：

//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);
    }
});

---

您可能需要重新考虑将用户密码以明文的形式放入URL中……不，我希望在单击按钮时将值从文本传递到URL，这意味着您用户的电子邮件将以明文的形式在URL中可见。这是件坏事。不，实际上我现在正在本地服务器上工作。所以这只是为了我的编码。@SONALKASLIWAL永远不要这样做。最终，您可能会意外地决定在生产代码中使用此解决方案。此解决方案不会将var url传递到地址栏？您所说的“必须将id分别设置为电子邮件和密码”是什么意思？@jurka It不会将其传递到地址栏，对吗。只需添加

window.location.href=url

（编辑问题）@SONALKASLIWAL我的意思是

函数A（）{$.getJSON（'http:url.php？id=login&email=&password='，函数（data）{alert（data.status）；alert（data.msg）；}}}函数B（）{$.getJSON（'url.php？id=login&email=&password='，函数（data）{alert（data.user_id）；document.getElementById（“login”）.innerHTML；}）函数A（）{$.getJSON（'http:url.php？id=login&email=&password='，函数（data）{alert（data.status）；alert（data.msg）；}}}函数B（）{$.getJSON（'url.php？id=login&email=&password='，函数（data）{alert（data.user_id）；document.getElementById（“login”）.innerHTML；}）}
//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);
    }
});