javascript - 每次ajax触发时通过jQuery创建新元素

Question

每次我通过 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());

目前的情况是我按下提交按钮后可以成功添加新的 html 元素。

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

例如，当我按下提交按钮(触发ajax函数)100次时，我现在只能在DOM上附加1个html元素。

我的问题是，如果我按提交按钮(触发ajax函数)100次，如何在DOM上附加100个html元素。

Answer 1

function successAJAX(response){
    response = $.parseJSON(response);
    var priceHTML = document.createElement('p');
    priceHTML.innerText= "foo";
    $("#priceContainer").append(priceHTML);
}    

首先，那是什么response = $.parseJSON(response);如果你甚至不使用 response 就在那里做在那个函数中？

其次，我们必须查看执行 AJAX 的函数，看看出了什么问题，因为您的代码似乎没有太大问题。

顺便说一句，您还可以创建您的priceHTML var 通过使用

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

(因为您使用的是 jQuery)。