Javascript 将页面从一个ajax jquery请求删除到另一个请求
我有一个表单提交的ajax post请求,其中我根据控制器返回的值操作页面,但我的问题是,每当提交表单时,我都需要删除上一个请求中的值。例如,我提交表单,当这种情况发生时,我会在页面上添加一些文本。如果再次提交表单,我需要删除上次提交的值,并在页面上添加新内容 代码如下:Javascript 将页面从一个ajax jquery请求删除到另一个请求,javascript,jquery,ajax,post,Javascript,Jquery,Ajax,Post,我有一个表单提交的ajax post请求,其中我根据控制器返回的值操作页面,但我的问题是,每当提交表单时,我都需要删除上一个请求中的值。例如,我提交表单,当这种情况发生时,我会在页面上添加一些文本。如果再次提交表单,我需要删除上次提交的值,并在页面上添加新内容 代码如下: function ajaxPost(){ // DO POST $.ajax({ type : "POST", url : "/search"
function ajaxPost(){
// DO POST
$.ajax({
type : "POST",
url : "/search",
dataType: "json",
data : {
'marcaId': $('#marcaId').val(),
'modelId': $('#modelId').val(),
'pretDeLa': $('#pretDeLa').val(),
'pretPanaLa': $('#pretPanaLa').val(),
'anFabrDeLa' : $('#anFabrDeLa').val(),
'anFabrPanaLa' : $('#anFabrPanaLa').val(),
'orasParam' : $('#orasParam').val()
},
success : function(data) {
console.log(data);
for(var i=0; i<data.length; i++){
$('.row.autovitElements').append("<div class='col-sm-3 elementAutovit'>" + "<div class='card' style='width:20rem;'>" +
"<img class='card-img-top' src=" + JSON.stringify(data[i].img) + "alt='Card image cap'>" +
"<div class='card-body text-center'>" +
"<p class='card-text text-center' style='color: black'>" +data[i].title+ "</p>" +
"<ul class='list-group list-group-flush'>" +
"<li class='list-group-item'>" +
"<div class='row'>" +
"<div class='col-md-6'>" +
"<i class='material-icons'></i><span>"+ data[i].price +"</span>" +
"</div>" +
"<div class='col-md-6'>" +
"<i class='material-icons'></i><span>"+data[i].city+"</span>" +
"</div>" +
"</div>" +
"</li>" +
"</ul>" +
"<button href=''#' class='btn btn-danger'>Save</button>" +
"</div>" +
"</div> " +
"</div> ");
}
})
函数ajaxPost(){
//张贴
$.ajax({
类型:“POST”,
url:“/search”,
数据类型:“json”,
数据:{
“marcaId”:$(“#marcaId”).val(),
'modelId':$('#modelId').val(),
'pretDeLa':$('#pretDeLa').val(),
‘pretPanaLa’:$(‘pretPanaLa’).val(),
“anfabdela”:$(“#anfabdela”).val(),
‘anfarbanala’:$(‘anfarbanala’).val(),
‘orasParam’:$(‘orasParam’).val()
},
成功:功能(数据){
控制台日志(数据);
对于(var i=0;i
这将删除所有这些特定元素。或者,如果容器中没有您想要保留的其他内容,您可以将其清空
$('.row.autovitElements').empty()
请尝试$('.row.autovitElements.elementAutovit')。删除()
您正在添加elementAutovit
,因此这些将是您删除的元素。看起来它是这样工作的,谢谢!
$('.row.autovitElements .elementAutovit').remove()
$('.row.autovitElements').empty()