Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript:onclick函数工作一次,然后页面恢复为原始页面_Javascript_Php_Html_Ajax - Fatal编程技术网

Javascript:onclick函数工作一次,然后页面恢复为原始页面

Javascript:onclick函数工作一次,然后页面恢复为原始页面,javascript,php,html,ajax,Javascript,Php,Html,Ajax,这是一个原型,所以我想得到的是,当你点击聊天时,文本区域中没有任何内容,“机器人”文本会发生变化,每次都会出现一个计数器,因此消息随后会有所不同 但是我得到的是,文本会改变,但是页面会很快恢复 头脑中的javascript <script> var emptyCount = 0; function startR() { console.log("jkfj"); var text = document.getElementById('talk').value; if (!text

这是一个原型,所以我想得到的是,当你点击聊天时,文本区域中没有任何内容,“机器人”文本会发生变化,每次都会出现一个计数器,因此消息随后会有所不同

但是我得到的是,文本会改变,但是页面会很快恢复

头脑中的javascript

<script>
var emptyCount = 0;
function startR() {
 console.log("jkfj");
 var text = document.getElementById('talk').value;
 if (!text) {
     if (emptyCount == 0) {
         document.getElementById('bot').innerHTML = "<h2>You need to say something first</h2><br />";
         emptyCount++;
     } else if (emptyCount == 1) {
         document.getElementById('bot').innerHTML = "<h2>What's wrong with you?</h2><br />";
         emptyCount++;
     } else if (emptyCount == 2) {
         document.getElementById('bot').innerHTML = "<h2>If you send another blank message I will deactivate the chat button.</h2><br />";
         emptyCount++;
     } else {
         alert("asd");
         $.ajax({
             url: 'queryBot.php',
             type: 'get',
             data: {
                 text: text
             },
             async: false,
             success: function (data) {
                 document.getElementById('bot').innerHTML = "<h2>" + data + "</h2><br />";
             },
             cache: false
         });
     }
 }
}
</script>

var emptyCount=0;
函数startR(){
console.log(“jkfj”);
var text=document.getElementById('talk').value;
如果(!text){
如果(emptyCount==0){
document.getElementById('bot').innerHTML=“您需要先说点什么
”; emptyCount++; }else if(emptyCount==1){ document.getElementById('bot').innerHTML=“你怎么了?
”; emptyCount++; }else if(emptyCount==2){ document.getElementById('bot').innerHTML=“如果您发送另一条空白消息,我将停用聊天按钮。
”; emptyCount++; }否则{ 警报(“asd”); $.ajax({ url:'queryBot.php', 键入:“get”, 数据:{ 文本:文本 }, async:false, 成功:功能(数据){ document.getElementById('bot').innerHTML=“+data+”
; }, 缓存:false }); } } }
HTML组件

<div id="bot">
    <h2>What do you want?</h2><br />
</div>
<input id="talk" type="textarea" class="tb5" name="searchterm" placeholder="Type to talk">
<input id="chat" type="submit" class="btn btn-success" onclick="startR()" value="Chat">

你想要什么?

您正在提交带有输入的表单
type=submit
。尝试在不键入submit的情况下添加一个按钮,或者在表单中添加一个eventlistener,然后添加
event.preventDefault()

添加一个
$(document.ready)(函数({..code在此…});