Ajax脚本不更新DOM

时间:2017-12-07 15:36:16

标签: javascript jquery ajax

我有一个小的Ajax脚本执行POST并在屏幕上返回结果。 我调试了脚本,我可以看到POST成功,但是我无法在屏幕上显示结果。看起来我需要额外的刷新或其他东西。任何想法有什么不对?

提前致谢 此致

$(document).ready(function() {

    $("#vehicleMessages").submit(function(event) {
        event.preventDefault();
        ajaxPost();

    });

});

function ajaxPost() {

    var form = $("#vehicleMessages");

    $.ajax({
        type: "POST",
        contentType: "application/json",
        url: form.attr("action") + "?tripId=" + $("#tripId").val() + "&partitionKey=" + $("#partitionKey").val(),
        dataType: 'json',
        success: function(result) {
            if (result.status == "Done") {
                $("#postResult").html("Result: " + result.data);
            }
        }
    });
}

1 个答案:

答案 0 :(得分:0)

  1. 您必须确保result.status是“完成”。
  2. 您必须确保result.data是文字或HTML文字
  3. 我建议你试试这个:

     $.ajax({
         type: "POST",
         contentType: "application/json",
         url: form.attr("action") + "?tripId=" + $("#tripId").val() + "&partitionKey=" + $("#partitionKey").val(),
         dataType: 'json'
     }).then(function (result) {
         if (result.status == "Done") {
             $("#postResult").html("Result: " + result.data);
         }
     });