鍵入框input??? submit鍵提交,結(jié)果執(zhí)行functiongetjson讀取json包中的數(shù)據(jù)while do 對(duì)鍵入框的信息與json的信息比對(duì),比對(duì)成功后將json包中的數(shù)據(jù)填寫到table中的對(duì)應(yīng)位置。思路是這樣,求大神告訴怎么能將鍵入信息和json的對(duì)象名進(jìn)行比較,怎么填表demo.html:<!DOCTYPE?html>
<html>
<head>
????<meta?charset="utf-8">
????<title>demo</title>
</head>
<body>
????<div>????
????????<input?type="text"?name="txtCount"/>
????????<input?type="submit"?name?=?"Submit"?value="Go!"?onclick="function()"/>
????</div>
????<div?id="myForm">
????????<table>
????????????<thead>
????????????????<tr>
????????????????????<th>類目</th>
????????????????????<th>數(shù)據(jù)</th>
????????????????</tr>
????????????</thead>
????????????<tbody>
????????????????<tr>
????????????????????<td>1</td>
????????????????????<td></td>
????????????????</tr>
????????????????<tr>
????????????????????<td>2</td>
????????????????????<td></td>
????????????????</tr>
????????????????<tr>
????????????????????<td>3</td>
????????????????????<td></td>
????????????????</tr>
????????????????<tr>
????????????????????<td>4</td>
????????????????????<td></td>
????????????????</tr>
????????????????<tr>
????????????????????<td>5</td>
????????????????????<td></td>
????????????????</tr>
????????????????<tr>
????????????????????<td>6</td>
????????????????????<td></td>
????????????????</tr>
????????????????<tr>
????????????????????<td>7</td>
????????????????????<td></td>
????????????????</tr>
????????????????<tr>
????????????????????<td>8</td>
????????????????????<td></td>
????????????????</tr>
????????????????<tr>
????????????????????<td>9</td>
????????????????????<td></td>
????????????????</tr>
????????????????<tr>
????????????????????<td>10</td>
????????????????????<td></td>
????????????????</tr>????????????????????????????????
????????????</tbody>
????????</table>
????</div>
????
?????<script?type="text/javascript">
????????function?SreachBlock(){
????????????$.getJSON('BlockDataObject.json').done(function?(data)?{????
????????????????var????h?=?document.myForm.txtCount.value;
????????????????while(h?==?"json包中的對(duì)象名"){
????????????????????//輸出表格內(nèi)該對(duì)象對(duì)應(yīng)的對(duì)象數(shù)據(jù)
????????????});
????????}
????</script>
</body>
</html>BlockDataObject.json:[
????1:?{
????????"1":?"lala",
????????"2":?"a",
????????"3":?"b",
????????"4":?"c",
????????"5":?"d",
????????"6":?"e",
????????"7":?"f",
????????"8":?"g",
????????"9":?"h",
????????"10":?"i"
????},
????2:?{
????????"1":?"nana",
????????"2":?"q",
????????"3":?"w",
????????"4":?"e",
????????"5":?"r",
????????"6":?"t",
????????"7":?"y",
????????"8":?"u",
????????"9":?"i",
????????"10":?"o"
????},
????3:?{
????????"1":?"kaka",
????????"2":?"z",
????????"3":?"x",
????????"4":?"c",
????????"5":?"v",
????????"6":?"b",
????????"7":?"n",
????????"8":?"m",
????????"9":?"l",
????????"10":?"k"
????}
]
通過(guò)getjson查詢json包中的數(shù)據(jù),然后將包中的數(shù)據(jù)填寫到table里
qq_伽利略扭秤_0
2017-05-20 11:19:17