gpt4 book ai didi

javascript - 返回当前页面时,jQuery ajax 响应不显示

转载 作者:行者123 更新时间:2023-12-03 09:55:05 24 4
gpt4 key购买 nike

我正在尝试通过 ajax 将一些数据发布回同一页面。在下面的示例中 $name单击按钮后,我的页面中的变量不会更新。但是,如果我查看 ajax 响应的控制台日志(使用 firebug),它会显示正确的 html,并插入名称(即 <div>Matthew</div> ) - 页面只是没有使用此响应进行更新。任何有关如何解决此问题的想法将不胜感激。

我的代码是:

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

</head>
<body>

<?php
$name = "A name";
if ($_SERVER["REQUEST_METHOD"] == "POST") {
if (empty($_POST["name"])) {
$name = "No name!";
}
else{
$name = $_POST["name"];
}
}
?>

<script>
$(document).ready(function(){
$("button").click(function(){
var mydata = {name: "Matthew"};
$.ajax({
type: 'POST',
data: mydata,
success: function(data){
console.log(data);
}
});

});
});
</script>

<button>Send an HTTP POST request to a page and get the result back</button>

<div id="name">
<?php echo $name;?>
</div>

</body>
</html>

最佳答案

因为<?php echo $name;?>执行 ajax 调用时不会再次运行。您必须在 success 函数中替换 div 的内容,如下所示:

success: function(data){
$("div").html(data);
}

关于javascript - 返回当前页面时,jQuery ajax 响应不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30768261/

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