Question

我有一个ajax方法，用于更改对象的状态。通过单击该元素，可以随时更改每个状态。

问题是第一次加载页面后，它正常工作。但是当我再次点击时，如果不发射甚至（我调试它，我看到它根本没有进入脚本）。我需要用户点击按钮并更改每次点击的状态。

我搜索了很多并测试了下面列出的方法。但它们都不适合我：

在ajax方法中使用.preventDefault（）（这样，如果我注释ajax方法调用并且只是警告某些内容，它会起作用，并且每次单击都会发出消息警报，但是当我调用ajax时，它不会工作）
使用.noConflict（）
添加cashe：false

这是代码：

HTML ：

 <tr>
       <td> 21.</td>
       <td>Title 1</td>
       <td><span class="badge bg-green">10</span></td>
       <td>n</td>
       <td><a id="1026" class="badge bg-red status">Status</a></td>
       <td>
         <a class="btn btn-app" id="1026"><i class="fa fa-close"></i>
         </a>
       </td>
    </tr>

JAVASCRIPT ：

                $(".status").on("click", function(){

                    var Id = jQuery(this).attr("id");
                    var inquiryId = @Model.Id;
                    $.ajax({
                        type: "POST",
                        url: '@Url.Action("ChangeSuggestionStatus", "Inquiry")',
                        data : '{id : ' + '"' +  Id + '"' + ', inquiryId:' + '"' + inquiryId + '"' + '}',
                        contentType: "application/json; charset=utf-8",
                        async : false,                       
                        success: function (data) {
                            $( ".table-bordered" ).empty();
                            $( ".table-bordered" ).append(data);
                        },
                        failure: function (response) {
                            alert(response.d);},
                        error: function (xhr) {
                           alert('Request Status: ' + xhr.status + ' Status Text: ' + xhr.statusText + ' ' + xhr.responseText);
                        }
                    });
                });
            </script>

你能帮我解决一下这个问题吗？你认为我为ajax设置的值之一可以阻止下一次调用ajax吗？

问候！

连续调用ajax不起作用

0 个答案: