gpt4 book ai didi

javascript - 在 ajax 页面 allready 重新加载后。

转载 作者:太空宇宙 更新时间:2023-11-04 16:24:37 25 4
gpt4 key购买 nike

我只是在探索 ajax 来学习它。

我尝试了以下 JavaScript 测试代码。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Ajax Demo</title>
<meta name="" content="">
<script type="text/javascript">

function aa(){

var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.open("GET","getprod.php",false);
xmlhttp.send();

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
</script>
</head>
<body>

<form>
<input type="text" name ="txta" onchange="aa();"> </input>
<br>
<div id ='myDiv' style="width: 400px;height: 300px; overflow-y: auto;border: #e87517 1px solid">

<?php
$mysqli=new mysqli('localhost', 'root', 'password', 'ajax');
if ($mysqli->connect_errno) {
die("Connect failed". $mysqli->connect_error);
}
$mysqli->set_charset("utf8");

if ($result = $mysqli->query("select id, name from test;")){
while ($row = $result->fetch_assoc()) {
echo $row['id'], " - " , $row['name'], "<br>";
}//while
}//if

$result->close();
$mysqli->close();
?>
</div>
</form>
</body>
</html>

还有几行“getprod.php”。

  <?php
echo "123";
?>

当我更改文本框中的值时,Ajax 根据需要返回字符串“123”并将其放入 div 中,但几秒钟后,div 再次充满了来自 MySQL 的结果,这是不希望的。

1) 我的代码有什么问题? (目标是:当我更改文本框中的值时,只有从 ajax 返回的字符串 - “123” 必须永久出现在 div 容器中。) 2) 文本框更改事件在失去焦点或当我在键盘上按 ENTER 时发生。如何在没有此操作的情况下触发更改事件?

提前致谢。

最佳答案

  1. 您发布的代码中没有任何内容会导致页面重新加载。

  2. “没有这个 Action ”——但是什么时候?考虑使用 oninput 事件 - http://www.w3schools.com/jsref/event_oninput.asp .

关于javascript - 在 ajax 页面 allready 重新加载后。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26426881/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com