将页面从 ajax jquery 请求擦除到另一个

特鲁卡·索林

我有一个表单提交的 ajax post 请求,我根据控制器返回的值操作页面,但我的问题是,每当提交表单时,我都需要删除最后一个请求中的值。例如,我提交表单,当发生这种情况时,如果第二次提交表单,我会在页面上添加一些文本,我需要从上次中删除这些值并在页面上添加新内容。

这是代码:

 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'>&#xe227;</i><span>"+ data[i].price +"</span>" + 
                                            "</div>" +
                                            "<div class='col-md-6'>" + 
                                                "<i class='material-icons'>&#xe0c8;</i><span>"+data[i].city+"</span>" +
                                            "</div>" + 
                                        "</div>" +
                                    "</li>" +
                                "</ul>" +
                                "<button href=''#' class='btn btn-danger'>Save</button>" +
                            "</div>" +
                        "</div> " +
                    "</div> ");

                }

        })

我试过了,$('.row.autovitElements').hide();但它不起作用:(

塔普拉
for(var i=0; i<data.length; i++){
  $('.row.autovitElements').append("<div class='col-sm-3 elementAutovit'>" + ...

您为 ajax 结果追加的元素是elementAutovit,它们是.row.autovitElements元素的元素。因此,要“重置”结果,您将删除所有附加的元素,这可以通过以下方式完成:

$('.row.autovitElements .elementAutovit').remove()

这将删除所有这些特定元素。或者,如果容器中没有其他要保留的东西,您可以简单地清空它

$('.row.autovitElements').empty()

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在codeigniter中使用ajax jquery将页面重定向到另一个页面?

jQuery / Ajax-成功消息后重定向到另一个页面

使用 jQuery ajax 将数据从表单发送到电子邮件,并通过传递 POST 变量重定向到另一个页面不起作用

AJAX请求完成后如何重定向到另一个页面

将 ajax 调用的响应发布到另一个页面

工作的ajax-将变量发布到另一个执行的页面

使用ajax将数据从远程加载的内容传递到另一个php页面

通过AJAX发布将PHP对象传递到另一个页面

使用AJAX将PHP数据发布到另一个页面

使用jquery.when和done将值从一个ajax调用传递到另一个

如何通过 jquery 将输入类型的值发布到另一个 php 页面?

jQuery在通过Ajax调用另一个页面期间未运行

如何将从Ajax请求收到的响应重定向到另一个HTML页面

我正在尝试使用jquery和ajax将多个数据发送到另一个页面,以检查数据库中是否存在值

通过ajax将PrimeFaces Schedule JSF页面加载到另一个JSF页面

Ajax:如何将一个函数的变量传递给另一个jQuery

Ajax-通过ajax将PHP值发送到另一个页面

jQuery:单击一个按钮导航到另一个页面

通过使用更改的鼠标坐标的JQuery / Ajax通过发布/获取将变量传递到另一个文件

将变量从一个ajax调用传递到另一个

jQuery ajax应该转到同一页面还是另一个php文件?

通过 Laravel 中的 AJAX 发布请求将值从一个视图传递到另一个视图

使用 Jquery 将另一个 url 加载到 html 页面加载相同的页面

如何使用jQuery或仅使用Javascript将按钮重定向到另一个页面

使用Jquery,如何在按下标签<a>时将表传递到另一个页面?

如何使用 jquery ajax 将一个变量从一个 php 文件获取到另一个 php 文件

如何将ajax响应值传递给另一个页面?

Django Ajax表单提交错误地重定向到另一个页面

在ajax调用中重定向到另一个页面