Question

我正在使用AJAX加载某些内容，它每次都对第一个请求起作用，但是如果使用相同的功能发出第二个请求，则站点将重新加载。 Chrome DevTools中不会显示任何错误，该请求也不会显示在“网络”标签上，成功的alert（）永远不会触发，但错误的一个也不会触发。

function loadEdit(name,info)
{
    alert(name + ' ' + info);
    $('#mainContent').fadeOut('slow', function() {
        $('#actionContent').fadeOut('slow', function() {
            $('#loadingContent').fadeIn('slow', function() {
    $.ajax({
     type: "GET",
     cache: false,
     url: '/adm/edit.php',
     data: {"name": name,"info": info},      
     error: function(result, status, err) {
        alert('HTTP ' + result.status + ' Error Encountered: ' + result.statusText);
        alert(result.responseText);
        alert('status: '+status+' error: '+err);
     },
     success: function(data) {
                alert('Success');
                $('#loadingContent').fadeOut('slow', function() {
                $('#actionContent').html(data);
                $('#actionContent').fadeIn('slow');

     });
     }

     });
    });
    });
    });
    menuClose();
}

更新：按下页面上的按钮即可调用该函数，示例如下：

<button onclick="loadEdit('grps','1')">EDIT</button>

Answer 1

按钮包含在表单中，并且需要在其中添加type = button以防止执行默认操作。

AJAX在第二次调用URL失败并重新加载页面

1 个答案: