在jquery中使用ajax请求更改图像

Question

我想使用function genTune(json){ playing = true; var level = json["level"] + 4; a = json["a"]; b = json["b"]; aFreq = json["a_freq"]; bFreq = json["b_freq"]; for (var i = 0; i < level; i++) { console.log("i = " + i); if (i===a){ osc.freq(aFreq * 10); osc.amp(0.5, 0.05); osc.start(); osc.stop(0.5); } else if (i===b){ osc.freq(bFreq * 10); osc.amp(0.5, 0.05); osc.start(); osc.stop(0.5); } else { osc.freq(NOTE_FREQS[random(NOTE_FREQS.length-1)]); osc.amp(0.5, 0.05); osc.start(); osc.stop(0.5); } } } 从网址获取任何图片并在网页上显示。 单击按钮时应该会发生这种情况。

$.ajax

HTML代码：

$(document).ready( function() {
   $("button").click(function(){
      $.ajax({url: "index.html", success: function(result){
         $("#image").attr("src","test.png");
      }});
   });
});

编辑： 错误是

Answer 1

使用服务器并通过http协议提供文件

Answer 2

这很好用。但是我仍然需要使用localserver来运行它，而不会在编辑中提到控制台错误。

$(document).ready( function() {
            $("button").click(function(){
                var url = 'test.png';
                $.ajax({ 
                    url : url, 
                    cache: true,
                    processData : false,
                }).always(function(){
                    $("#image").attr("src", url);
                }); 
            });
        });