Javascript 每次触发ajax时，通过jQuery创建新元素

每次我触发jQuery的AJAX调用时，我都会在DOM中添加一个新的元素

下面的代码每次触发AJAX调用时都会刷新文本，我希望它添加整个新元素，而不是刷新

顺便说一句，这是我写的代码

function successAJAX(response){
        response = $.parseJSON(response);
        var priceHTML = document.createElement('p');
        priceHTML.innerText= "foo";
        $("#priceContainer").append(priceHTML);
    }
function makeAjaxRequest() {
            $.ajax({
                url: "ajax/ajax.php",
                data: obj,
                type: "post",
                success: successAJAX
            });//end ajax
        };//end makeRequest

        $button.on("submit",makeAjaxRequest());

目前的情况是，我可以在按下submit按钮后成功添加一个新的html元素

但我对此并不满意，我想在每次按下submit按钮时再添加一个新的html元素

例如，现在，当我100次按下submit按钮Trigger ajax函数时，我只能在DOM上追加1个html元素

我的问题是，如果我按100次submit按钮迁移ajax函数，如何在DOM上添加100个html元素

首先，什么是响应=$.parseJSONresponse；如果在那个函数中没有使用响应，行在那里做什么

其次，我们必须查看执行AJAX的函数，以了解出了什么问题，因为代码似乎没有太多错误

顺便说一下，您还可以使用

var priceHTML = $('<p>'); 
priceHTML.html('foo');`

---

因为您使用的是jQuery。

它应该是这样的

var priceHTML = document.createElement('p');
priceHTML.innerHTML= "foo";
$("#priceContainer").append(priceHTML);

---

你需要努力解释。我无法从当前的措辞中看出您想要做什么：也许是一个您期望的示例或显示其余相关代码？我已经编辑了我的问题，希望我现在可以澄清我的问题。您的意思是只需删除ajax函数，一切都解决了吗？

var priceHTML = document.createElement('p');
priceHTML.innerHTML= "foo";
$("#priceContainer").append(priceHTML);