Jquery ajaxcall

Question

这里ajax调用没有发生在函数内部，在函数外部它正在工作， 任何人都可以帮助发现错误

$('#submit').on("click", function(){

    var B = $('#search').val();
    
    alert (B);
  
    $.ajax({
        url:"hi.php",
        type:"POST",
        data:{A :10},
        success: function(data){
            console.log (data);
        },

    });
})

Answer 1

可能默认提交事件在此函数之前触发。您可以通过 e.preventDefault() 来防止这种情况。

$('#submit').on("click", function (e) {
e.preventDefault()
var B = $('#search').val();

alert(B);

$.ajax({
    url: "hi.php",
    type: "POST",
    data: {A: 10},
    success: function (data) {
        console.log(data);
    },

});
})

Answer 2

如果按钮类型为提交，它将刷新您的页面，并且您将不会获得所需的行为。所以你需要使用普通按钮或 event.PreventDefault();以确保它不会刷新您的页面。

<input type="submit" value="Submit" />

$('#submit').on("click", function(e){
    e.preventDefault();
    var B = $('#search').val();
    
    alert (B);
  
    $.ajax({
        url:"hi.php",
        type:"POST",
        data:{A :10},
        success: function(data){
            console.log (data);
        },

    });
})

欲了解更多，您可以访问这里