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

【问题标题】：pass values from textbox to url in javascript在javascript中将值从文本框传递到url
【发布时间】：2012-03-09 13:28:23
【问题描述】：

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

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

这个网址给出{"status":0,"msg":"Email is Wrong!"}的响应，当我把我的身份证和密码放在网址中时

http://url.php?id=login&email=abc@gmail.com&password=abc

url 回复为

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

提前谢谢..

函数 A() { $.getJSON('http:url.php?id=login&email=&password=', function (data) { 警报（数据。状态）；警报（数据.msg）； }); } 函数 B() { $.getJSON('url.php?id=login&email=&password=', function (data) { 警报（data.user_id）； document.getElementById("登录").innerHTML; }); }

用户名：

密码：

这就是我正在做的事情

【问题讨论】：

您可能需要重新考虑将用户密码以明文形式放在 URL 中...
不，我希望在单击按钮时将值从文本传递到 url
是的，这意味着您的用户的电子邮件将以纯文本形式显示在 URL 中。这是一件坏事。
不，实际上我现在正在本地服务器上工作。所以它只用于我的编码。
@SONALKASLIWAL 永远不要那样做。最终，您可能会偶然决定在生产代码中使用此解决方案。

标签： javascript html

【解决方案1】：

纯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 设置为电子邮件和密码。

【讨论】：

这个不把var url传到地址栏？
“必须将 id 分别设置为电子邮件和密码”是什么意思。
@jurka 它不会将它传递到地址栏，对。只需添加window.location.href = url;（编辑问题）
@SONALKASLIWAL 我的意思是<input type="text" id="email" /> <input type="password" id="password />
function A() { $.getJSON('http:url.php?id=login&email=&password=', function (data) { alert(data.status); alert(data.msg) ; }); } function B() { $.getJSON('url.php?id=login&email=&password=', function (data) { alert(data.user_id); document.getElementById("login").innerHTML; }); }

【解决方案2】：

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

【讨论】：

function A() { $.getJSON('http:url.php?id=login&email=&password=', function (data) { alert(data.status); alert(data.msg) ; }); } function B() { $.getJSON('url.php?id=login&email=&password=', function (data) { alert(data.user_id); document.getElementById("login").innerHTML; }); }