Ajax post открывает новое окно после отправки

Я пытаюсь отправить форму и получить ответ с помощью Ajax, но когда я отправлю форму, откроется новое окно со значениями, которые я напечатал
Функция работает и делает то, что он должен, это просто новое окно, в котором проблема
Вот HTML код:Ajax post открывает новое окно после отправки

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

источник

2013-07-31 SagiLow

В вашем коде у вас есть звонок 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-31 13:22:09

OMG! Спасибо ... не могу поверить, что я был таким глупым – SagiLow

Ajax post открывает новое окно после отправки

ответ

Смежные вопросы