js 记录十函数外console+选中a找对应的b

最新推荐文章于 2024-11-16 14:52:34 发布

转载最新推荐文章于 2024-11-16 14:52:34 发布 · 224 阅读

前端专栏收录该内容

20 篇文章

订阅专栏

本文介绍JavaScript中变量的作用域及使用，并通过一个具体的AJAX应用实例展示如何实现前端与后端的数据交互。该示例包括了点击事件处理、DOM操作、数组搜索以及AJAX请求等功能。

先定义->再调用

var a;//在函数外定义a!!
function(){
    var b = document.getElementById('b');
    a = b;
}
    console.log(a);//才能在函数外的其他地方调用此变量

选中数组arr里的a，找数组arrid里对应的b。如点击1，分析id=0,找到arrid数组的第0个就是1的对应编码a

var arr = [1,2,3];
var arrid = [a,b,c];
var a = document.getElementById('aButton');
var b = a.innerText;//b是aButton里的值<button class="a">b</button>
if ($.inArray(b, arr) != -1) {//$.inArray(b,arr)方法：b在arr数组里的第几个。此处判断b是不是在arr数组里
	var id = $.inArray(b, arr);//b在arr数组里的第id个
	bid = arrid[id];//arrid的第id个就是我们想要的值
} else {
	b= "";//b不在arr数组里，就不执行
}

ajax。图片是点击上传本地图片，代码有点多

$.ajax({ //传图片
	type: 'post',
	data: formData,
	url: '图片服务url',
	cache: false,
	contentType: false,
	processData: false,
	dataType: 'json',
	success: function (data) {
		console.log(data);
		if (data.status == 200) {
			var Obj = {
				state: 1, //状态1：未接收。可以不用var直接在这里定义赋值
				imgurl: '图片url', //图片路径
				a: a,//点击a
				bid: bid,//a相对应的b
			};
			console.log(Obj);
			$.ajax({//成功取到图片的值后，提交其他
				type: 'POST',
				url: '服务url',
				data: {
					json: JSON.stringify(Obj)//Json参数化
				},
				dataType: 'json',
				success: function (data) {
					console.log(data)
					mui.toast('提交成功', {
						duration: 'short',
						type: 'div'
					});
				},
				error: function (XMLHttpRequest, textStatus, errorThrown) {
					console.log(XMLHttpRequest);
					console.log(textStatus);
					console.log(errorThrown);
				}
			})
		} else {
			console.log(data);
		}
	},
	error: function (rsp) {
		console.log(rsp);
		console.log('false')
	}
})