博客

前端通过AJAX接收后端返回的数据

我们想要实现的功能是:通过ajax接收后端传过来的list集合，然后将数据转换并在前端页面的表格中展示。经过两天的修改，终于探索出了代码。表格展示用的是element中的table表格。

直接上ajax部分代码

$.ajax({
					url: "http://localhost:8080/ssm/select",
					type: "post",
					data: {
						"d": d,
						"c": c
					},
					dataType: "json",
					success: data=> {
						a = data.extend.data;
						for(var i=0;i<a.length;i++){
							code = a[i].majorcode;
							name = a[i].majorname;
							this.tableData.push({ majorcode: code, majorname: name })
						}

					},

				});

下面是把数据返回到表格的代码

data() {

			return {
				currentPage1: 5,
				currentPage2: 5,
				currentPage3: 5,
				currentPage4: 4,
				tableData: [],
			};

		}

对了，清空表格数据用这个代码

this.tableData.splice(0);

展示一下效果图（数据库中就两条数据）