将ajax获取的内容添加到HTML后如何操作DOM修改属性

最新推荐文章于 2023-03-30 17:39:42 发布

傻龙芬里厄

最新推荐文章于 2023-03-30 17:39:42 发布

阅读量1.5k

点赞数 1

文章标签： AJAX 正则 DOM操作

本文链接：https://blog.csdn.net/justin_su/article/details/103194902

版权

新建网站的文章数据通过API使用AJAX获取，文章详情页成功显示，但图片因源站不同导致路径错误。原本打算在DOM加载后通过操作修改img标签src，但未成功。最终采用在AJAX获取数据后，使用正则表达式直接替换图片src，有效解决了问题。

摘要由CSDN通过智能技术生成

需求：建了一个新站，所用的数据是从其他站上传的文章，在源站写了一个API,然后通过AJAX获取到的，列表页通过在地址后面加文章ID参数来进行跳转详情页，详情页根据url最后带的参数进行判断并渲染文章

//获取列表页
$.ajax({
   
        url: "****.php",
        type: "get",
        success: function(res){
   
            var data = JSON.parse(res);
            var str = "";
            for(var i = 0;i < data.length;i++){
   
                str += `
            <li>
				<i></i>
				<a href="/new-details.html?id=${
     data[i].id}">${
     data[i].title}</a>
				<a href="javascript:void(0)"class="zx-btn zx-btn2">立即解答</a>
				</li>
          `;
            }
            $(".ask-list").appe