阿賈克斯帖子之前沒有工作

Question

發送功能我不知道如何發送前的功能 下面的代碼

$.post(
      "<?=URL?>filter-subcat.php", 
      { 
       service:service_arr, 
       facility:facility_arr, 
       product:product_arr, 
       location:location_arr 
      }, 
      function(data){ 
       var result = $('<div />').append(data).find('#result').html(); 

       $("#result1").html(result); 
       $("#result1").addClass('active'); 
       $("#loader").html(""); 
       $("#shops").html(data); 
      }, 
      function(beforeSend) 
      { 

       $(".modal_1").show(); 
       $(".fade_1").show(); 
      }, 
      function(complete){ 
       $(".modal_1").hide(); 
       $(".fade_1").hide(); 
      }); 

    }); 

Answer 1

你不能$.post()使用beforeSend寫的，而是可以使用.ajaxStart()/.ajaxComplete()方法，但這些都應該被綁定到document沒有的元素：

$(document).ajaxStart(function(){ 
    $(".modal_1, .fade_1").show(); 
}).ajaxComplete(function(){ 
    $(".modal_1, .fade_1").hide(); 
}); 

如果你想使用beforeSend，那麼你必須使用$.ajax()：

$.ajax({ 
    url:"", 
    type:"", 
    dataType:"", 
    beforeSend:function(){}, 
    success:function(){}, 
    error:function(){}, 
    complete:function(){} 
}); 

Answer 2

你應該閱讀jQuery的文檔：

http://api.jquery.com/jquery.post/

http://api.jquery.com/jquery.ajax/

，你看你有沒有使用$阿賈克斯（）函數，其實你的代碼是兩者的混合與一些錯誤

$.ajax({ 
    method: "POST", 
    url: "<?=URL?>filter-subcat.php", 
    data: { 
     service:service_arr, 
     facility:facility_arr, 
     product:product_arr, 
     location:location_arr 
     }, 
    done:function(data){ 
     var result = $('<div />').append(data).find('#result').html(); 
     $("#result1").addClass('active').html(result); 
     $("#loader").html(""); 
     $("#shops").html(data); 
}, 
beforeSend:function(){ 
     $(".modal_1,.fade_1").show(); 
}, 
always:function() { 
     $(".modal_1,.fade_1").hide(); 
}, 
error:function(jqXHR,textStatus,errorThrown){ 
    alert("error"); 
    console.log(jqXHR); 
    console.log(textStatus); 
    console.log(errorThrown); 
}}) 

Answer 3

使用以下格式

$.ajax({ 
        beforeSend: function() { 
           //code to execute before sending request 
        }, //Show spinner 
        complete: function() { 
        // code to execute after ajax completion 
        }, 
        url: url, 
        type: 'POST', 
        dataType: 'json', 
        headers: { //if any}, 
        data: {}, 
        success: function (data){ 

        }, 
        error : function (data){ 
        } 
       });