Javascript运行两次而不是一次

我做了下面的演示来简化我的大问题，当输入“第一次输入”时，点击提交，点击返回的“第一次输入”，它会提醒一次。但是，刷新时，输入“第一次输入”，提交，然后输入“第二次输入”，提交，单击“第一次输入”，浏览器警告两次，当打算运行一次时。有什么问题吗？如何解决这个问题

Html文件（index.php）

提交
$（“#提交”）。单击（函数（）{
var content=$（“#inputtext”）.val（）；//获取输入字段的值
$.post（“testclick2.php”，{content:content}，函数（结果）{
$（“#返回#结果”）。前置（结果）；
});
$（“#inputtext”）.val（“”；//清除输入区域
})

testclick2.php

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<?php
$content=$_POST["content"];
echo "<div class=\"content\">".$content."</div>"."<br>";
?>

<script>
$(".content").click(function(){
    alert("clicked");
})
</script>

$（“.content”）。单击（函数（）{
警报（“点击”）；
})

在添加侦听器之前，请尝试删除它：

$("#submit").off('click');
$("#submit").click(function(){...}

及

---

在添加侦听器之前，请尝试删除它：

$("#submit").off('click');
$("#submit").click(function(){...}

及

---

您将收到两个警报，因为您将返回两次带有

.post

响应的

单击处理程序

基本上，每增加一次提交，您都会收到一个额外的警报

从
POST
响应中删除
单击
处理程序，并将事件附加到
正文
，以便它可以处理动态添加的元素

将此添加到您的主
部分：

$('body').on('click', '.content', function() {
    alert("i've been clicked once");
});

而您的
php
文件将只有以下内容：

<?php
    $content=$_POST["content"];
    echo '<div class="content">' . $content . '</div>' . '<br>';
?>



无需加载
jquery
或输出任何
javascript
您将收到两个警报，因为您将返回两次
单击
处理程序和
.post
响应

基本上，每增加一次提交，您都会收到一个额外的警报

从
POST
响应中删除
单击
处理程序，并将事件附加到
正文
，以便它可以处理动态添加的元素

将此添加到您的主
部分：

$('body').on('click', '.content', function() {
    alert("i've been clicked once");
});

而您的
php
文件将只有以下内容：

<?php
    $content=$_POST["content"];
    echo '<div class="content">' . $content . '</div>' . '<br>';
?>



无需加载
jquery
或输出任何
javascript
这就是您的全部HTML吗？是的，怎么了@问题大王 testclick2.php的呈现输出是什么？添加另一组HTML，当您访问这两个页面时，它会进入浏览器？testclick1是前端，testclick2是后端。您需要在输入字段中输入一些随机文本以查看呈现的输出。这就是您的全部HTML吗？是的，怎么了@问题大王 testclick2.php的呈现输出是什么？添加另一组HTML，当您访问这两个页面时，它会进入浏览器？testclick1是前端，testclick2是后端。您需要在输入字段中输入一些随机文本以查看呈现的输出。这是一种黑客行为，但真正的问题在于呈现的HTML。顺便说一下，这也行<代码>：）
@Parvenu Kumar你能详细说明一下吗？这是一个黑客攻击，但真正的问题在于呈现的HTML。顺便说一下，这也行<代码>：）
@Parvenu Kumar你能详细说明一下吗？谢谢你的生活改变教程。谢谢你的生活改变教程。