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

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

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

$.ajax({
	type: 'post',
	url: 'https://c2c.kuxia.top/webapi/index/index',
	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+=``
		$(".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的浏览器或编译环境。
 

你可能感兴趣的:(ajax接口请求,javascript,开发语言,ecmascript)