Функция show по моей логике не должна перезагружать страницу а просто обновлятся но нет она перезагрузается.
Как мне просто сделать так что бы она обновлялась без перезагрузки страницы?
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div id="content">
<iframe name='chatWindow' id='chatWindow'frameborder="no" height="935" width="935" src='iframe.php'>Chat</iframe>
</div>
<br> <input type='text' id="text" name='message'>
<input type='button' id="button" value="send">
<script>
$(document).ready (function (
){ show(); setInterval("show()",100);
$("#button").bind("click", function (){
var message = $("#text").val();
$.ajax ({
url: "iframe.php",
type: "POST",
data: {message},
dataType: "html"
});
});
$("#button").bind("click", function (){
$.ajax({
url: "chat.html",
cache: false,
success: function(html){
$("#content").html(html);
}
});
});
function show()
{
$.ajax({
url: "chat.html",
cache: false,
success: function(html){
$("#content").html(html);
}
});
}
});
</script>
</body>
</html>