ajax功能成功后显示按钮

时间:2017-01-06 12:22:43

标签: ajax

我想在功能成功后显示一个按钮“Reload Game”而不是这个bootstrapDialog框

我需要此按钮以适应我的<div class="tilting"></div>,而不是显示在页面上的其他位置

1 个答案:

答案 0 :(得分:1)

您需要在成功方法中使用以下代码,

  document.getElementsByClassName("tilting")[0].innerHTML="<button type="button">Reload Game</button>";

如果您正在使用jQuery Ajax,请尝试以下方式,

  function loadDoc() {
    $.ajax({
     type: 'POST',
     url: 'APUC',
     data: 'productName=' + productName,
     dataType: 'html',
     cache: false,
     success: function (result) {
         document.getElementsByClassName("tilting")[0].innerHTML="<button type="button">Reload Game</button>";
        },
     });
}

如果您使用纯Ajax,请尝试这样:

function loadDoc() {
      var xhttp = new XMLHttpRequest();
      xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {

         document.getElementsByClassName("tilting")[0].innerHTML="<button type="button">Reload Game</button>";

        }
      };
      xhttp.open("GET", "ajax_info.txt", true);
      xhttp.send();
    }