学JavaScript的经历以及自己写些练手项目时的感受

刚一开始时很迷茫,以至于抄写别人的代码;没有一点思路;现在慢慢从一些理论慢慢理解,感觉开始上手了一些项目

下面是一些ajaax接口请求示例:

$.ajax({
	type: 'post',
	url: url接口,
	success: function(res) {
		if (res.code == 1) {
			console.log(res);
			radersBanner(res.data.banner)
			contenGoods(res.data.goods)
		} else {
			console.log("请求失败")
			// 请求失败的处理逻辑
		}
	},

});

 这是一个使用jQuery库中的ajax方法发送POST请求的代码。其中,将请求发送到了'https://c2c.kuxia.top/webapi/index/index'这个URL上。
在成功后的回调函数中,判断返回数据中的code是否为1,如果是,则调用radersBanner和contenGoods方法分别展示数据中的banner和goods;如果不是,则输出"请求失败"。
需要注意的是,该代码使用了ES6的箭头函数和const关键字,需要支持ES6的浏览器或者编译环境。

function radersBanner(data){
	console.log(data);
	let str = '';
	for (let i = 0; i <5; i++) {
		str+=`<img src="${data[i].imgs}" alt="">`
		$(".banner_img").html(str);
	}
}

 这是一个展示banner的函数。它的参数data是一个包含banner图片信息的数组。函数首先将data数组中的前5个元素展示到页面上。具体地,函数首先定义了一个空字符串变量str,然后使用for循环5次,每次将data[i]的imgs属性的值作为图片的src属性,添加到str变量中。最后,使用jQuery的html方法,将str变量的内容添加到class为banner_img的DOM元素中,以展示图片。需要注意的是,在for循环内部使用了ES6的模板字符串和箭头函数,需要支持ES6的浏览器或编译环境。
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值