当我调用ajax来响应按钮时，表单就会消失

Question

我有一些文本、一个文件控件、一个按钮和一个图像，当点击按钮时，它们都会消失，我从那里调用ajax请求。我检查了所有其他堆栈溢出答案和所有其他网站，但做任何事情，包括插入隐藏字段，或用PHP或JS添加丢失的代码，都不起作用。非常感谢你的帮助。

<div id = "CreatePostUpload">                                       
Select Image to Upload:
<input type='file' name='CreatePostImageFile' id = "CreatePostImageFile" />
<input type='button' onclick = "uploadCreatePostPhoto()" value='Save' name='but_upload' id = "CreatePostImageSubmit" />
<img src="images/cancel.png" onclick="closeCreatePostUploadPhoto()"/>
</div>

当我调用以下命令时，CreatePostUploaddiv中的所有内容都消失了：

function uploadCreatePostPhoto() {

var fd = new FormData();
var files = $('#CreatePostImageFile')[0].files[0];
fd.append('file', files);

$.ajax({
url: 'uploadMyCreatePostPhoto.php',
type: 'post',
data: fd,
contentType: false,
processData: false,
success: function(response){

$("#CreatePostUpload").html(response);
closeCreatePostUploadPhoto();
},
});
}

非常感谢你的帮助。

Answer 1

epascarello，谁发布了这条评论

因为您替换了内容。。。。。$("#CreatePostUpload").html(response);

是对的：我正在替换我的内容。