我正在编写一个“添加到购物车”按钮，该按钮对数据库进行ajax调用，并在成功时返回有效数据。返回数据后，我想让它加载一个HTML文件并运行一个回调函数，用ajax数据填充输入字段。
我的问题：当回调运行时，它会覆盖先前的HTML值。
AJAX：
success: function(data) {
$('.upc').val('');
$('#cart').append(
$('<div />').load('views/sale/_addItem.php',function(){
$('#qty').val('1');
$('#upc').val(data['upc']);
$('#name').val(data['name']);
$('#price').val(data['price']);
})
);
_addItem.php文件
<input id="qty" type="text" value="" name="qty[]">
<input id="upc" type="text" value="" name="upc[]" disabled>
<input id="name" type="text" value="" name="name[]" disabled>
<input id="price" type="text" value="" name="price[]" disabled>
<input id="extprice" type="text" value="" name="extprice[]" disabled>
<br/>
Here is the gist. Removed unnecessary code.
编辑：我不知道为什么会这样做。我正在研究处理这个问题的最佳方法。