サーバーへのクエリを実行するJavaScriptがあります。返されるデータは次のようになります。
Json(new { ansData = ansData,
success = true,
correct = score });
ブラウザにブレークポイントを設定して見ると、json.ansData配列に次のように表示されます。
ansData [false, false, true]
0 false
1 false
2 true
私がする必要があるのは、これをテーブルにマップして、要素がfalseの場合は何も起こらないようにすることですが、要素がtrueの場合は、imgが「/tick.png」に変更されます。
<table>
<tr id="ans_0">
<td id="ansData[0]"><img src="/blank.png"></td>
</tr>
<tr id="ans_1">
<td id="ansData[1]"><img src="/blank.png"></td>
</tr>
<tr id="ans_2">
<td id="ansData[2]"><img src="/blank.png"></td>
</tr>
</table>
これが私のajax呼び出しです:
$.ajax({
type: "POST",
traditional: true,
url: '/Test/Cities/JsonCheck',
data: parms,
dataType: "json",
success: function (json) {
...
}
誰かが私がこれを行う方法を提案できますか?私はjQueryにかなり精通していますが、真偽の値を持つ配列をDOMの要素にマップするようなことをする必要はありませんでした。