Question

我有这个表格

<form name="exampleform" id="exampleform" action="example123.html" method="get">
    <fieldset>
        <legend>Creating The Querystring</legend>
        <label for="name_1">Name:</label>
        <input type="text" name="name1" id="name_1" tabindex="1" size="40" value="Test1" />
        <br />
        <br />

        <input type="submit" id='view_1' value="Submit" tabindex="2" />

    </fieldset>


    <br />
    <br />
    <fieldset>
        <legend>Creating The Querystring</legend>
        <label for="name_2">Name:</label>
        <input type="text" name="name2" id="name_2" tabindex="1" size="40" value="Test2" />
        <br />
        <br />

        <input type="submit" id='view_2' value="Submit" tabindex="2" />

    </fieldset>
</form>

当它提交到下一页时，我希望能够获取被点击的按钮的查询字符串，并在页面加载时看不到两个字符串。我在接收页面上使用的脚本是：

 <script type="text/javascript">

        document.write("Name: " + Request.QueryString("name1"));
        document.write("Name: " + Request.QueryString("name2"));

    </script>

和

    /*TITLE: Client-Side Request Object for javascript by Andrew Urquhart (UK)
HOME: http://andrewu.co.uk/tools/request/
COPYRIGHT: You are free to use this script for any use you wish, the only
thing I ask you do is keep this copyright message intact with the script.
Please don't pass it off as your own work, but feel free to enhance it and send
me the updated version. Please don't redistribute - it makes it harder to distribute
new versions of the script. This script is provided as is, with no warranty of any
kind. Use it at your own risk.
VERSION: #1.41 2007-06-28 18:10 UTC*/
function RObj(ea) {
    var LS  = "";
    var QS  = new Object();
    var un  = "undefined";
    var x   = null; // On platforms that understand the 'undefined' keyword replace 'null' with 'undefined' for maximum ASP-like behaviour.
    var f   = "function";
    var n   = "number";
    var r   = "string";
    var e1  = "ERROR: Index out of range in\r\nRequest.QueryString";
    var e2  = "ERROR: Wrong number of arguments or invalid property assignment\r\nRequest.QueryString";
    var e3  = "ERROR: Object doesn't support this property or method\r\nRequest.QueryString.Key";
    var dU  = window.decodeURIComponent ? 1 : 0;

function Err(arg) {
    if (ea) {
        alert("Request Object:\r\n" + arg);
    }
}
function URID(t) {
    var d = "";
    if (t) {
        for (var i = 0; i < t.length; ++i) {
            var c = t.charAt(i);
            d += (c  ==  "+" ? " " : c);
        }
    }
    return (dU ? decodeURIComponent(d) : unescape(d));
}
function OL(o) {
    var l = 0;
    for (var i in o) {
        if (typeof o[i] != f) {
            l++;
        }
    }
    return l;
}
function AK(key) {
    var auk = true;
    for (var u in QS) {
        if (typeof QS[u] != f && u.toString().toLowerCase() == key.toLowerCase()) {
            auk = false;
            return u;
        }
    }
    if (auk) {
        QS[key] = new Object();
        QS[key].toString = function() {
            return TS(QS[key]);
        }
        QS[key].Count = function() {
            return OL(QS[key]);
        }
        QS[key].Count.toString = function() {
            return OL(QS[key]).toString();
        }
        QS[key].Item = function(e) {
            if (typeof e == un) {
                return QS[key];
            }
            else {
                if (typeof e == n) {
                    var a = QS[key][Math.ceil(e)];
                    if (typeof a == un) {
                        Err(e1 + "(\"" + key + "\").Item(" + e + ")");
                    }
                    return a;
                }
                else {
                    Err("ERROR: Expecting numeric input in\r\nRequest.QueryString(\"" + key + "\").Item(\"" + e + "\")");
                }
            }
        }
        QS[key].Item.toString = function(e) {
            if (typeof e == un) {
                return QS[key].toString();
            }
            else {
                var a = QS[key][e];
                if (typeof a == un) {
                    Err(e1 + "(\"" + key + "\").Item(" + e + ")");
                }
                return a.toString();
            }
        }
        QS[key].Key = function(e) {
            var t = typeof e;
            if (t == r) {
                var a = QS[key][e];
                return (typeof a != un && a && a.toString() ? e : "");
            }
            else {
                Err(e3 + "(" + (e ? e : "") + ")");
            }
        }
        QS[key].Key.toString = function() {
            return x;
        }
    }
    return key;
}
function AVTK(key, val) {
    if (key != "") {
        var key = AK(key);
        var l = OL(QS[key]);
        QS[key][l + 1] = val;
    }
}
function TS(o) {
    var s = "";
    for (var i in o) {
        var ty = typeof o[i];
        if (ty == "object") {
            s += TS(o[i]);
        }
        else if (ty != f) {
            s += o[i] + ", ";
        }
    }
    var l = s.length;
    if (l > 1) {
        return (s.substring(0, l-2));
    }
    return (s == "" ? x : s);
}
function KM(k, o) {
    var k = k.toLowerCase();
    for (var u in o) {
        if (typeof o[u] != f && u.toString().toLowerCase() == k) {
            return u;
        }
    }
}
if (window.location && window.location.search) {
    LS = window.location.search;
    var l = LS.length;
    if (l > 0) {
        LS = LS.substring(1,l);
        var preAmpAt = 0;
        var ampAt = -1;
        var eqAt = -1;
        var k = 0;
        var skip = false;
        for (var i = 0; i < l; ++i) {
            var c = LS.charAt(i);
            if (LS.charAt(preAmpAt) == "=" || (preAmpAt == 0 && i == 0 && c == "=")) {
                skip=true;
            }
            if (c == "=" && eqAt == -1 && !skip) {
                eqAt=i;
            }
            if (c == "&" && ampAt == -1) {
                if (eqAt!=-1) {
                    ampAt=i;
                }
                if (skip) {
                    preAmpAt = i + 1;
                }
                skip = false;
            }
            if (ampAt>eqAt) {
                AVTK(URID(LS.substring(preAmpAt, eqAt)), URID(LS.substring(eqAt + 1, ampAt)));
                preAmpAt = ampAt + 1;
                eqAt = ampAt = -1;
                ++k;
            }
        }
        if (LS.charAt(preAmpAt) != "=" && (preAmpAt != 0 || i != 0 || c != "=")) {
            if (preAmpAt != l) {
                if (eqAt != -1) {
                    AVTK(URID(LS.substring(preAmpAt,eqAt)), URID(LS.substring(eqAt + 1,l)));
                }
                else if (preAmpAt != l - 1) {
                    AVTK(URID(LS.substring(preAmpAt, l)), "");
                }
            }
            if (l == 1) {
                AVTK(LS.substring(0,1),"");
            }
        }
    }
}
var TC = OL(QS);
if (!TC) {
    TC=0;
}
QS.toString = function() {
    return LS.toString();
}
QS.Count = function() {
    return (TC ? TC : 0);
}
QS.Count.toString = function() {
    return (TC ? TC.toString() : "0");
}
QS.Item = function(e) {
    if (typeof e == un) {
        return LS;
    }
    else {
        if (typeof e == n) {
            var e = Math.ceil(e);
            var c = 0;
            for (var i in QS) {
                if (typeof QS[i] != f && ++c == e) {
                    return QS[i];
                }
            }
            Err(e1 + "().Item(" + e + ")");
        }
        else {
            return QS[KM(e, QS)];
        }
    }
    return x;
}
QS.Item.toString = function() {
    return LS.toString();
}
QS.Key = function(e) {
    var t = typeof e;
    if (t == n) {
        var e = Math.ceil(e);
        var c = 0;
        for (var i in QS) {
            if (typeof QS[i] != f && ++c == e) {
                return i;
            }
        }
    }
    else if (t == r) {
        var e = KM(e, QS);
        var a = QS[e];
        return (typeof a != un && a && a.toString() ? e : "");
    }
    else {
        Err(e2 + "().Key(" + (e ? e : "") + ")");
    }
    Err(e1 + "().Item(" + e + ")");
}
QS.Key.toString = function() {
    Err(e2 + "().Key");
}
this.QueryString = function(k) {
    if (typeof k == un) {
        return QS;
    }
    else {
        if (typeof k == n) {
            return QS.Item(k);
        }
        var k = KM(k, QS);
        if (typeof QS[k] == un) {
            t = new Object();
            t.Count = function() {
                return 0;
            }
            t.Count.toString = function() {
                return "0";
            }
            t.toString = function() {
                return x;
            }
            t.Item = function(e) {
                return x;
            }
            t.Item.toString = function() {
                return x;
            }
            t.Key = function(e) {
                Err(e3 + "(" + (e ? e : "") + ")");
            }
            t.Key.toString = function() {
                return x;
            }
            return t;
        }
        else {
            return QS[k];
        }
    }
}
this.QueryString.toString = function() {
    return LS.toString();
}
this.QueryString.Count = function() {
    return (TC ? TC : 0);
}
this.QueryString.Count.toString = function() {
    return (TC ? TC.toString() : "0");
}
this.QueryString.Item = function(e) {
    if (typeof e == un) {
        return LS.toString();
    }
    else {
        if (typeof e == n) {
            var e = Math.ceil(e);
            var c = 0;
            for (var i in QS) {
                if (typeof QS[i] != f && ++c == e) {
                    return QS[i];
                }
            }
            Err(e1 + ".Item(" + e + ")");
        }
        else {
            return QS[KM(e, QS)];
        }
    }
    if (typeof e == n) {
        Err(e1 + ".Item(" + e + ")");
    }
    return x;
}
this.QueryString.Item.toString = function() {
    return LS.toString();
}
this.QueryString.Key = function(e) {
    var t = typeof e;
    if (t == n) {
        var e = Math.ceil(e);
        var c = 0;
        for (var i in QS) {
            if (typeof QS[i] == "object" && (++c == e)) {
                return i;
            }
        }
    }
    else if (t == r) {
        var e = KM(e, QS);
        var a = QS[e];
        return (typeof a != un && a && a.toString() ? e : "");
    }
    else {
        Err(e2 + ".Key(" + (e ? e : "") + ")");
    }
    Err(e1 + ".Item(" + e + ")");
}
this.QueryString.Key.toString = function() {
    Err(e2 + ".Key");
}
this.Version = 1.4;
this.Author = "Andrew Urquhart (http://andrewu.co.uk)";
}
var Request = new RObj(false);

我怎样才能显示单击按钮的字符串而不看两个字符串？

Answer 1

要识别单击的按钮，您需要有两个表单。 name1和view_1应该用一个表单括起来，另一个表单应该有name2和view_2。这是识别单击按钮的唯一方法。如果存在name1，则会点击view_1，如果存在name2，则会点击view_2。

更新：添加了代码示例

<form name="exampleform" id="exampleform" action="example123.html" method="get">
    <fieldset>
        <legend>Creating The Querystring</legend>
        <label for="name_1">Name:</label>
        <input type="text" name="name1" id="name_1" tabindex="1" size="40" value="Test1" />
        <br />
        <br />    
        <input type="submit" id='view_1' value="Submit" tabindex="2" />    
    </fieldset>
</form>

    <br />
    <br />
<form name="exampleform1" id="exampleform1" action="example123.html" method="get">
    <fieldset>
        <legend>Creating The Querystring</legend>
        <label for="name_2">Name:</label>
        <input type="text" name="name2" id="name_2" tabindex="1" size="40" value="Test2" />
        <br />
        <br />

        <input type="submit" id='view_2' value="Submit" tabindex="2" />

    </fieldset>
</form>

Answer 2

您将两个名称字段放在一个表单中。如果您只想要一个值，请使用两种形式。

Answer 3

我重写了你的示例页面现在你有2个表单exampleform和exampleform2。两者都将数据提交到同一页 example123.html 另请注意，在第二种形式中，我重命名了从name_2到name_1的所有内容，使其与第一个表单保持一致

<form name="exampleform" id="exampleform" action="example123.html" method="get">
  <fieldset>
    <legend>Creating The Querystring</legend>
    <label for="name_1">Name:</label>
    <input name="name1" id="name_1" tabindex="1" size="40" value="Test1" type="text">
    <br>
    <br>
    <input value="Submit" tabindex="2" type="submit">
    <input value="Reset" tabindex="2" type="reset">
  </fieldset>
</form>
<form name="exampleform2" id="exampleform2" action="example123.html" method="get">
  <br>
  <br>
  <fieldset>
    <legend>Creating The Querystring</legend>
    <label for="name_1">Name:</label>
    <input name="name1" id="name_1" tabindex="1" size="40" value="Test2" type="text">
    <br>
    <br>
    <input value="Submit" tabindex="2" type="submit">
    <input value="Reset" tabindex="2" type="reset">
  </fieldset>
</form>

现在，在您的回复页面中，您需要查找的是

document.write("Name: " + Request.QueryString("name1"));

name2不再存在
[UPDATE] 根据您在下面发表的评论。除非您在提交时验证数据，否则每个表单提交不同数据时不能有多个提交按钮。

Answer 4

您正在尝试做的事情存在严重的安全问题，我将在下面解释。但如果你坚持下去，你仍然可以利用你的技术。

使用当前代码，您可以通过确保第二个文件名为“example123.html”，保存在与另一个文件相同的目录中，并且您的document.write（）调用发生在{ {1}}对象已定义。还要检查空值，这个类特别难以返回一个对象而不是一个字符串，所以它与null相比不容易。

Request

据说你正在使用的代码遵循许多（其他）不良做法，虽然方便一些人模仿ASP请求行为，但实际上更好地放弃了其他更标准的做法。

我们为那些来自PHP背景的人提供了类似的功能（参见http://phpjs.org/functions/import_request_variables:431），如果您使用以下代码，将允许您访问这样的变量：

var name1 = Request.QueryString("name1"),
    name2 = Request.QueryString("name2");
if (name1+'' != 'null') {
    document.write("Name: " + name1);
}

if (name2+'' != 'null') {
    document.write("Name: " + name2);
}

但是!! .... 请注意重要的警告，但是如果您使用的功能类似您找到的（或我们的），您正在检查此信息的URL，因为1）你的表单是method = get，和2）因为客户端JavaScript本身不能检测到数据如何被发送到它的任何其他方法，因此如果你不小心你对$ _GET变量的内容做了什么有人可以将某人链接到您的网站，以便允许您网站的访问者存储的Cookie密码被盗或做其他恶作剧。换句话说，与服务器端代码一样，要注意XSS（Cross-site scripting）。

例如，如果有人使用以下代码填写表单上的名称：

ini_set('phpjs.getVarsObj', $_GET = {});
import_request_variables('g');

if ($_GET['name1']) {
    document.write(htmlspecialchars($_GET['name1']));
}
if ($_GET['name2']) {
    document.write(htmlspecialchars($_GET['name2']));
}

...在某些浏览器中，除了提交表单的人之外，任何点击结果链接的人（例如，如果黑客诱惑某人点击它），都会看到该警报。这可能看起来不那么严重，但如果JavaScript在您的网站上检测到他们的cookie密码，他们就可以制作它，以便脚本将他们的cookie发送到他们自己的网站。

更安全的解决方案是使用诸如http://phpjs.org/functions/htmlspecialchars:426之类的函数来逃避可能不安全的字符，例如＆lt;和＆amp;

<script>alert('boo!');</script>

这个函数基于PHP中同名的函数，所以它可以在那里用于相同的purppose。

（如果你真的想要允许HTML被包含在页面中，那就更具挑战性了，恰好是我刚问过的一个问题：JavaScript-based X/HTML & CSS sanitization）

JavaScript查询字符串不起作用

4 个答案: