ajax返回显示图片

最近自己用thinkphp和bootstrap做一个小站点，在用到ajax与后台数据库交互实现无刷新分页时，因为我需要返回的数据是html代码，里面包含要显示出图片，然而返回数据到静态页面时，却发现返回的图片未被网页加载显示。找了一些资料，最后提取总结了别人一些经验，写了一个小技巧。这里纯属新手自学的总结，大牛们见怪莫怪。如果我的分享有不妥处，还望各位不吝赐教。 先说下主要操作的思路：当静态页面的ajax提交后到后台进行数据查询和处理后，返回类似以下的html字符串 <img src='' width='250px' hieght='100px' alt='image' data-url='/wamp/www/schoolbag/Public/img/s2.jpg'> 把这个用jquery的html方法插入的页面中是无法加载显示图片的。 大家应该注意到上面的img标签中的data-url，平时没有实际的意义，但是这里可以作为一个技巧来用，当ajax返回数据成功后，即可以执行如下操作 $('#ajax_content').html(data['html']); var img_url = $('#ajax_content img').attr('data-url'); $('#ajax_content img').attr('src',img_url);