记录js/jq小知识点

1、js生成table 

var tableHtml = `<table id="datatable">
                        <tr>
                            <th>序号</th>
                            <th>省份</th>
                            <th>第一批球场洞数</th>
                            <th>第二批球场洞数</th>
                        </tr>`;
var dataHtml = '';
for(let i = 0; i < 10; i ++) {
    dataHtml += `<tr>
                    <td>1</td>
                    <td>湖北</td>
                    <td>12</td>
                    <td style="background-color: #f00">2000</td>
                </tr>`
}
dataHtml += '</table>';
tableHtml += dataHtml;
docment.getElementById('test').innerHTML = tableHtml;

2、给dom元素添加/修改样式

document.getElementById('circleLegend').style.height = "50px"

3、jq添加元素

//添加元素
$("#legendColor").append("<div>test</div>");

4、ajax请求

$.ajax({
            //url: "./Json/XZQHCode.json",
            url:url,
            dataType: "json",
            contentType: "application/x-www-form-urlencoded;charset=utf-8",
            success: function (re) {
                //var result = re.result;
               
            }
        });

5、json构造

//构造json
function formatData(keysArry, valsArry){
    let obj = {};
    for(let i=0; i<keysArry; i++){
        obj[keysArry[i]] = valsArry[i];
    }
    return obj;
}