Question

嗨，现在我在我的页面中使用$.post方法，但现在我想使用async:false属性，我无法将其与$.post一起使用。所以我需要将$.post转换为$.ajax方法。我是ajax的新手，你们可以帮助我。

from_date = $('#from').val();
to_date = $('#to').val();
$.post('test.php',{from:from_date,to:to_date},function(res){
    $("#ro").html(res);
    ro_name = $('#ro').val();
});

其中#ro是我发布上述调用结果的div的id，但是这是下拉列表。在页面加载中，我想首先传递下拉到另一个post方法以从数据库获取结果，但由于异步调用它即将到来null所以我想使用$.ajax方法而不是$.post }

Answer 1

尝试

$.ajax({
    url : 'test.php',
    type : 'POST',
    data : {from : from_date , to : to_date},
    success : function(res){
        $("#ro").html(res);
        ro_name = $('#ro').val();
    }
});

Answer 2

文档在这里：http://api.jquery.com/jQuery.post/

具体做法是：

这是一个简写的Ajax函数，相当于：

$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

Answer 3

这应该适合你：

var from_date = $("#from").val();
var to_date = $("#to").val();

$.ajax(
{
    url: 'text.php',
    type: 'POST',
    data: { from: from_date, to: to_date },
    async: false,
    success: function(res)
    {
        $("#ro").html(res);
        ro_name = $('#ro').val();
    }
});

Answer 4

Official documentation

$.ajax({
  type: 'POST',
  async: false,
  url: 'test.php',
  data : { from: from_date , to: to_date },
  success : function(res){
    $('#ro').html(res);
    ro_name = $('#ro').val();
  }
})

Answer 5

请参阅此jQuery AJAX

您的代码可以更改为

$.ajax({
    type: "POST",
    url: url_destination,
    data: {from:from_date,to:to_date},
    success: ffunction(res){
    $("#ro").html(res);
    ro_name = $('#ro').val();
    }
});

将$ .post方法转换为$ .ajax方法

5 个答案: