前端符号总结

1. $：表示对象

$("#getotp")表示一个id为getotp的对象
$("#getotp").on(“click”,function(){逻辑代码})
on后面就是getotp对象所执行的动作
$.ajax({逻辑代码}) --表示一个ajax对象

2. #：用于jquery中选择id元素

$("#getotp")：选择id为getotp的元素

3. function

1、var fnName = function () {…};使用function关键字声明一个函数，但未给函数命名，最后将匿名函数赋予一个变量，叫函数表达式，这是最常见的函数表达式语法形式。
2、函数调用模式：当一个函数并非一个对象的函数时，那么它被当作一个函数来调用，this被绑定到全局对象上。
error: function(data) {
alert(“下单失败，原因为” + data.responseText);
}

4. JS中的单引号和双引号

最外面用了双引号了，那么里面就不能再用双引号了，因为引号是成双对的，浏览器读到一个双引号后，到第2个双引号时才算结束；同理，浏览器读到一个单引号后，必须要读到第二个单引号才算结束。
不管是单引号还是双引号，里面都可以套相反的引号,但是不可以双引号里面套单引号，这个单引号再套双引号，这是不行的。

单引号和双引号之间的字符串可以相加
‘af’+“bvvv”+‘dd’ 输出 “afbvvvdd”

5. 填充数据reloadDOM

	<script>
		var g_itemList = [];
		jQuery(document).ready(function(){
				$.ajax({
					type:"GET",
					contentType:"application/x-www-form-urlencoded",
					url:"http://localhost:8090/item/list",
					success:function(data){
						if(data.status == "success"){
						
							g_itemList = data.data;
							reloadDom();
						}else{
							alert("失败，原因为："+data.data.errMsg); 
						}
					},
					error:function(data){
						alert("失败，原因为："+data.responseText)
					}
				});
			})
		
		function reloadDom(){
			for(var i = 0;i<g_itemList.length;i++){
				var itemVO = g_itemList[i];
				var dom = "<tr data-id='"+itemVO.id+"' id='itemDetail"+itemVO.id+"'><td>"+itemVO.title+"</td><td > <img style='width:100px;height:auto;' src='"+itemVO.imgUrl+"'/></td><td>"+itemVO.description+"</td><td>"+itemVO.price+"</td><td>"+itemVO.stock+"</td><td>"+itemVO.sales+"</td></tr>";
				$("#container").append($(dom));
				$("#itemDetail"+itemVO.id).on("click",function(e){
					window.location.href="detail.html?id="+$(this).data("id")
				});
			}
			
		}
		
	</script>