Javascript:onclick函数工作一次,然后页面恢复为原始页面
这是一个原型,所以我想得到的是,当你点击聊天时,文本区域中没有任何内容,“机器人”文本会发生变化,每次都会出现一个计数器,因此消息随后会有所不同 但是我得到的是,文本会改变,但是页面会很快恢复 头脑中的javascriptJavascript: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
<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在此…});