0

我有一个调用 CGI 脚本的 HTML 文件。当我单击注销按钮时，POST 方法会发送所有字段。这是一个已知的错误？

这是我的 Javascript 代码：

var request = null, session = null;
    function postEscape(val) {
        return encodeURIComponent(val).replace(/%20/g, "+")
    }



    function submit_logout() {
var request=null
if( !document.form.loggedIn.checked ) return
logout = new XMLHttpRequest()
logout.open("POST", "client.cgi", true /* asynchronous? */ )
logout.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
console.log("action=logout&session=" + postEscape(document.form.session.value)+"&host="+postEscape(document.form.host.value)+"&port="+postEscape(document.form.port.value))
logout.send("action=logout&session=" + postEscape(document.form.session.value)+"&host="+postEscape(document.form.host.value)+"&port="+postEscape(document.form.port.value)+"&action=logout")
form.loggedIn.checked = false

}

这是我在 POST 数据中看到的：

用户名=&密码=&host=somehost.com&port=6700&action=logout&display=++++&session=

这是我的表格

<body>
<form name = "form">
<input name="username" size="25" type="text">username<br>
<input name="password" size="25" type="text">password<br>
<input name="host" size="25" type="text">host<br>
<input name="port" size="25" type="text">port<br>
<input name="login" value="Login" type="button" onclick="submit_login()"><input        type="checkbox" name="loggedIn" id = "loggedIn" onclick="this.checked=!this.checked">

<input name="action" value="logout" type="submit" onClick="submit_logout()"><br>
<textarea name="display" rows="24" cols="68">    </textarea><br>
<input type="hidden" name="session" value="">
<input name="message" size="64" maxlength="64" type="text"><input name="send"     value="send" type="button" onClick = "send()"><p></p>
  </form>
4

3 回答 3

2

尝试更改以下内容：您正在提交所有内容，因为您type="submit"要注销。它应该是一个type="button".

<input type="button" />按钮不会提交表单 - 默认情况下它们不做任何事情。它们通常与 JavaScript 结合使用，作为 AJAX 应用程序的一部分。

<input type="submit" />按钮将在用户单击它们时提交它们所在的表单，除非您使用 JavaScript 另有指定。

<input name="action" value="logout" type="submit" onClick="submit_logout()">

到

<input name="action" value="logout" type="button" onClick="submit_logout()">  //type="button"
于 2012-12-10T04:41:57.997 回答
1

采用$('form').serialize()

alert($('form[name="form"]').serialize());

将显示所有表单域

于 2012-12-10T04:26:47.950 回答
1

试试这个：

onClick="submit_logout(); return  false;"

或者：

onClick="return submit_logout();"

...然后return false;从submit_logout()函数内部。

或将按钮更改为type="button"。

目前因为您的按钮是type="submit"它导致表单执行正常（非 Ajax）提交。更改类型或返回 false 将防止这种情况发生。

于 2012-12-10T04:44:13.630 回答