前端JS快速开发小技巧：集合遍历、高效获取select选中值、获取上传图片文件流、生成表单对象【自用】

jquery结果集遍历【新版】

$.getJSON(shopInfoUrl, function(data) {
			if (data.success) {
				// 若访问成功，则依据后台传递过来的店铺信息为表单元素赋值
				var tempAreaHtml = '';
				// 初始化区域列表，遍历返回结果集
				data.areaList.map(function(item, index) {
					tempAreaHtml += '<option data-id="' + item.areaId + '">'
							+ item.areaName + '</option>';
				});
				$('#area').html(tempAreaHtml);
				// 给店铺选定原先的所属的区域
				$("#area option[data-id='" + shop.area.areaId + "']").attr(
						"selected", "selected");
			}
		});
	}

快速遍历select标签，获取选中值！

 $('#shop-category').find('option').not(function() {
				return !this.selected;
			}).data('id')

获取上传的图片文件流

var shopImg = $('#shop-img')[0].files[0];

生成表单对象，用于接收参数并传递给后台

var formData = new FormData();
// 添加图片流进表单对象里
formData.append('shopImg', shopImg);
// 将shop json对象转成字符流保存至表单对象key为shopStr的的键值对里
formData.append('shopStr', JSON.stringify(shop));