如何在 jQuery ajax 请求中使用带有 post 方法的超时属性？

Posted 2023-02-25

【中文标题】如何在 jQuery ajax 请求中使用带有 post 方法的超时属性？

【英文标题】：How to use timeout attribute with post method in jQuery ajax request?

【发布时间】：2014-03-13 08:15:43

【问题描述】：

我有以下功能：

function mark_unmark_user_answer(targ, answer, answer_id, test_id, test_type, question_no, module_url) 
    if(checked==targ)
    targ.checked=false;
    checked=false;
   else 
    checked=targ;
  

    $.post(module_url, 'test_id':test_id, 'question_no':question_no, 'op':'mark_ans', 'test_type':test_type, 'answer_no':answer, 'answer_id':answer_id, function(data)  
        if(jQuery.trim(data)=='unmark_ans') 
          $('input[type="radio"]').removeAttr('checked');
          $('#display_'+question_no).removeClass('green');
          $('#display_'+question_no).removeClass('blue');
          $('#display_'+question_no).addClass('orange');
         else 
            //$('#mark_review').val('Mark'); 
            $('#display_'+question_no).removeClass('orange');
            $('#display_'+question_no).removeClass('blue');
            $('#display_'+question_no).addClass("green");
            $('#mark_review').attr('disabled', false);  
        
        var total_questions = $('#total_questions').val();
        test_question_attempted_count( total_questions );    
    );

我想为这个函数分配 30 秒 的超时时间。因此，如果在 30 秒内未收到对 ajax 请求的响应，则应显示“您的互联网连接有问题”的警报消息。否则正常功能应该得到执行。

有人可以帮忙吗？

提前致谢。

【参考方案1】：

您可以像这样在$.ajaxSetup 方法中为 Ajax 请求设置默认值

function mark_unmark_user_answer(targ, answer, answer_id, test_id, test_type, question_no, module_url) 
    if(checked==targ)
    targ.checked=false;
    checked=false;
   else 
    checked=targ;
  
$.ajaxSetup(
type: 'POST',
timeout: 30000,
error: function(xhr) 
    $('#display_error')
    .html('Error: ' + xhr.status + ' ' + xhr.statusText);
                     
             )

$.post(module_url, 'test_id':test_id, 'question_no':question_no, 'op':'mark_ans', 'test_type':test_type, 'answer_no':answer, 'answer_id':answer_id, function(data)  
    if(jQuery.trim(data)=='unmark_ans') 
      $('input[type="radio"]').removeAttr('checked');
      $('#display_'+question_no).removeClass('green');
      $('#display_'+question_no).removeClass('blue');
      $('#display_'+question_no).addClass('orange');
     else 
        //$('#mark_review').val('Mark'); 
        $('#display_'+question_no).removeClass('orange');
        $('#display_'+question_no).removeClass('blue');
        $('#display_'+question_no).addClass("green");
        $('#mark_review').attr('disabled', false);  
    
    var total_questions = $('#total_questions').val();
    test_question_attempted_count( total_questions );    
);

【参考方案2】：

只需打开 jquery.js 文件。 现在找到jQtimeout 默认设置时间为 60000 毫秒，用您的毫秒时间 120000 替换为 120 秒 var jQtimeout = 120000; 看起来像这样 完成了。

与 Shivesh Chandra 一起享受 :)

【参考方案3】：

尝试使用

$.ajax(
    type: "POST",
    url: your_url_request,
    data: field: value, field_2: value_2,    
    timeout: 1000,
    error: function(jqXHR, textStatus, errorThrown) 
        if(textStatus==="timeout") 
           //do something on timeout
         
    );

您可以在以下位置获得更多信息： http://api.jquery.com/jQuery.ajax/

【参考方案4】：

从 jQuery 1.2 开始，您可以通过 PlainObject 向 jQuery.post 提供所有参数。

所以，你的 sn-p 可以这样重写：

$.post( url: module_url, data:  … )