0

フォームを送信して Ajax を使用して応答を取得しようとしていますが、フォームを送信すると、入力した値で新しいウィンドウが開きます
関数は機能し、必要な処理を行います。問題は新しいウィンドウだけです
。は HTML コードです:

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="chat_style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id = "refresh" class="refresh"></div>
<form method="POST" action="save.php" name="chat_send"  onsubmit="sendChatData(); return false;">
    <input id="sender" name="sender" type="hidden" value ="<?php echo $sender ?>">
    <?php echo "$sender:" ?> <input name="texta" type="text" id="texta"/>
    <input name="submit" type="submit" value="Send" />
</form>

そしてJSコード：

function sendChatData() {

    var xmlHttpReq = false;
    var self = this;
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }

    self.xmlHttpReq.open('POST', 'save.php' , true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.onreadystatechange = function() {
        document.getElementById("texta").innerHTML = "";
        if (self.xmlHttpReq.readyState == 4) {
            var x = self.xmlHttpReq.responseText;
        }
    }
    self.xmlHttpReq.send(getquerystring());
}

function getquerystring() {
    var qstr = "message=";
    try {
        qstr += document.getElementById("texta").value;
        window.open(qstr);
    } catch (e) {
        // empty...
    }
    return qstr;
}
4

1 に答える 1

3

あなたのコードでは、への呼び出しがありますwindow.open。それはそれを行います-新しい（ブラウザ）ウィンドウを開きます！

function getquerystring() {
    var qstr = "message=";
    try {
        qstr += document.getElementById("texta").value;
        window.open(qstr);   // <-- Does exactly that - opens a new window!
    } catch (e) {
        // empty...
    }
    return qstr;
}
于 2013-07-31T13:22:09.210 に答える