javascript - 有时 ajax 有效，有时无效，单击行功能也不起作用

Question

我们可以在同一页面上写两个ajax成功函数吗，因为有时它工作有时不工作doajaxpost 函数是当第一个下拉列表 onchange 函数使用 ajax 调用时加载第二个下拉列表中的数据搜索功能是使用ajax加载表中的数据但有时会正确执行，有时不会显示任何结果

 function doAjaxPost(instituteId) {

        alert(instituteId);
        // get the form values  
        /* var name = $('#name').val();
        var education = $('#education').val(); */
        $.ajax({
            type : "POST",
            url : "/paymentGateway/merchant",
            dataType : "json",
            data : "institutionId=" + instituteId,
            success : function(data) {
                // we have the response  
                alert(data + "hiee");
                var $merchantId = $('#merchant');

                $merchantId.find('option').remove();
                $("#merchant").append("<option value='ALL'>ALL</option>");
                $.each(data, function(key, value) {
                    $('<option>').val(value.merchantId).text(value.merchantId)
                            .appendTo($merchantId);
                });

            },
            error : function(e) {
                alert('Error: ' + e);
            }
        });
    }

    function searching() {
        // get the form values  
        var institutionId = $('#instiuteId').val();
        var merchantId = $('#merchant').val();
        var userType = $('#userType').val();
        var userStatus = $('#userStatus').val();
        var userId = $('#userId').val();

        alert("insti=" + institutionId + "mecrhant=" + merchantId + "usertyep="
                + userType + "users=" + userStatus + "userid=" + userId);
        $.ajax({
            type : "POST",
            url : "/paymentGateway/searching",
            dataType : "json",
            data : {
                institutionId : institutionId,
                merchantId : merchantId,
                userId : userId,
                userStatus : userStatus,
                userType : userType
            },
            success : function(data) {
                // we have the response  
                alert(data);
                /*  var $merchantId = $('#dynamictable');
                   $merchantId.find('table').remove(); 
                 $('#dynamictable').append('<table></table>');
                 var table = $('#dynamictable').children();  */

                $("#tablenew tbody tr:has(td)").remove();

                $.each(data, function(key, value) {
                    /*        alert(value.institutionId);  */
                    $('#tablenew tbody:last').append(
                            "<tr><td>" + value.userId + "</td><td>"
                                    + value.firstName + "</td><td>"
                                    + value.userStatus + "</td><td>"
                                    + value.userType + "</td><td>"
                                    + value.userAddedBy + "</td><td>"
                                    + value.userRegisteredDateTime
                                    + "</td><td>" + value.recordLastUpdatedBy
                                    + "</td><td>" + value.recordLastUpdatedTime
                                    + "</td></tr>");
                });

            },
            error : function(e) {
                alert('Error: ' + e);
            }
        });
    }

Answer 1

可能是缓存问题，请尝试设置

$.ajaxSetup({ cache: false });

查看 How to prevent a jQuery Ajax request from caching in Internet Explorer?