使用AJAX更改Panel Header文本

时间:2018-05-02 17:46:31

标签: php html mysql ajax

我正在尝试使用AJAX来使用AJAX更改标题文本,但它无法正常工作。

下面的函数显示来自mySQL数据库的图像,但是我无法在按钮点击时更改简单文本。

请帮助:)

AJAX代码:

$(function () {
   var images = [],
    index = 0,
    count = 0,
    max = 0;

  $.getJSON("http://testing/api/getimg", function(data) {
    images = data;
    count = images.length;
    max = count - 1;
  });

  $('#getimg1').on('click', function() {

    if (count === 0) {
        return;
    }

    if (index === max) {
        index = 0;
    } else {
        index++;
    }

    //alert(images);
    $('#HTMLPanelHeader').html('CHANGE TEXT TO THIS'); 
    $('#HTMLBox').attr('src', 'data:image/png;base64,' + images[index]);

  }); 
});

HTML CODE:

<div class="panel panel-primary">
          <div class="panel-heading" id="HTMLPanelHeader">sds</div>
        <div class="panel-body"> 

1 个答案:

答案 0 :(得分:0)

我认出了这些人。这与我的代码没有任何关系。这是我的浏览器缓存。我禁用了缓存,现在一切都很好。感谢您给出的任何建议:)