如何用jQuery的.load()返回值更新IMG标签的SRC属性？

首先得说清楚你之前两种写法无效的原因：

• $('#'+id).src.load('whatever.php')：jQuery对象没有src这个属性，而且.load()方法是用来把请求到的内容插入到目标元素内部，不是用来给元素的src属性赋值的，逻辑完全不对。
• document.getElementById(id).src = $('#hiddenDiv').load('whatever.php')：.load()的返回值是jQuery对象本身，不是请求回来的内容；再加上AJAX是异步操作，你赋值的时候请求还没完成，自然拿不到正确结果。

下面给你两种可行的解决方案，根据你的whatever.php返回内容来选：

方案1：如果whatever.php返回的是图片URL（比如字符串"newpic.jpg"） #

用$.get()方法直接获取返回的URL，然后在回调函数里设置img的src——因为AJAX是异步的，必须等请求完成拿到结果后再赋值：

// 替换成你的实际id
const imgId = "your-img-id";
$.get('whatever.php', function(response) {
  // 用trim()去掉返回内容里可能的空格、换行符
  const imgUrl = response.trim();
  // 用jQuery设置src
  $('#' + imgId).attr('src', imgUrl);
  // 或者用原生JS写法
  // document.getElementById(imgId).src = imgUrl;
});

方案2：如果whatever.php直接输出图片二进制内容（比如PHP脚本直接读取图片并输出，Content-Type设为image/jpeg等） #

这种情况更简单，直接把whatever.php作为img的src即可，浏览器会自动请求这个脚本并显示图片：

const imgId = "your-img-id";
// jQuery写法
$('#' + imgId).attr('src', 'whatever.php');
// 原生JS写法
// document.getElementById(imgId).src = 'whatever.php';

另外补充一下：.load()方法其实是$.get()的简化版，专门用来把HTML内容插入到元素中。如果需要获取请求的返回值做其他操作（比如设置src），用$.get()、$.ajax()这类更灵活的方法更合适。

内容的提问来源于stack exchange，提问作者ZioBit