function getall() { $.ajax({ url: 'http://localhost:3000/books', type: 'get', dataType: 'json', success: function (result) { console.log(result); //定义一个变量,用来拼接出数据行tr let str = ''; //遍历服务端返回给前端的数组 result.forEach((val) => { //拼接 str += '<div class="books-each"><div class="bookcover-bd"><a class="bookcover"style="background:url('+val.img+')center no-repeat scroll; display: block;></a></div><a class="books-title" >'+val.name+'</a></div>';}); //把拼接好的数据行放入到tbody中 var texiao= document.getElementById('texiao'); $("#texiao").html(str); // $('tbody').html(str); } }); }
时间: 2024-02-10 07:11:11 浏览: 100
$.ajax中contentType: “application/json” 的用法详解
这段代码是一个使用 jQuery 的 AJAX 请求,请求的 URL 是 http://localhost:3000/books,请求方式是 GET,数据类型是 JSON。当请求成功时,会将返回的数据循环遍历,并通过字符串拼接的方式将数据渲染到页面上。
具体流程如下:
1. 首先定义了一个名为 getall 的函数,在该函数中使用 $.ajax 发送 AJAX 请求。
2. 请求的 URL 是 http://localhost:3000/books,通过 type 选项设置请求方式为 GET,通过 dataType 选项设置数据类型为 JSON。
3. 当请求成功时,会执行 success 回调函数,该函数的参数 result 是服务端返回的数据,是一个数组。
4. 在 success 回调函数中,通过 forEach 方法遍历 result 数组,对每个数组元素进行拼接。
5. 拼接后的字符串通过 jQuery 的 html() 方法设置到 id 为 texiao 的元素中,从而在页面上渲染出数据。
总体来说,这段代码实现了从服务端获取数据,并将数据渲染到页面上的功能。
阅读全文