JS(インタフェース)データのリストを取得します

データが読み:
//サーバーのAjaxを確認するために

、{($はアヤックス
    タイプ: "POST"、
URL: "HTTP://"、
データ:{のDeviceID:1}、
データ型: 'JSON'、
成功:関数(データ){
VAR jsonText =データ。
VAR AB =のeval( "(" + jsonText + ")"); // JSON格式转换
ため(J = 0; J <ab.length; J ++){
。$(AB [J])各(
関数(I、値){
。$( "#リスト")アペンド(
「<TRクラス= 'ch_no'> <TD> "+ I + 1 + "</ TD>" +
"<TDスタイル= \"パディング左:5%; \ ">" + values.isReign +" </ TD> "+
"<TDスタイル= \"パディング左:5%;

"<SELECT ID = \"出力電力\ "> \ n" +
"<オプション選択= \"選択\ ">" + values.outputPower + "</オプション> \ n" +
"</選択>" +
「</ TD>」+
"<TDスタイル= \"パディング左:5%; \ ">" +
"<選択のid = \" forwardLinkRate \ "> \ n"は+
"<オプション選択= \"選択\ ">" + values.forwardLinkRate + "</オプション> \ n" +
"</ select>の" +
"<TDスタイル= \"パディング左:5%; \」>」+
"<SELECT ID = \" reverseLinkRate \ "> \ n" +
"<オプション選択= \"選択\ ">" + values.reverseLinkRate + "</オプション> \ n" +
"</選択>" +
"</ TD>" +
"<TDスタイル= \"パディング左:5%; \ ">" +
"<SELECT ID = \" forwardModType \ "> \ n" +
"<オプション選択= \ "選択\"> "+ values.forwardModType +" </オプション> \ n」+
"</ select>の" +
"</ TD>" +
"<TDスタイル= \"パディング左:5% ; \ ">" +
"<SELECT ID = \" reverseModType \ "> \ n" +
"<オプション選択= \"選択した\ ">" + values.reverseModType + "</オプション> \ n" +
"</ select>の" +
"</ TD>" +
"<TDスタイル= \"パディング左:5%; \ ">" +
"<SELECT ID = \" outputRate \ "> \ n" +
"<オプション選択= \" \選択">" + + values.outputRate "</オプション> \ n" +
"<オプション>不限</ option>を" +
"</ select>の" +
"</ TD> </ TR>"
);
}
);
}
}
})。

保存数据:
$("#btnSubmit").on('click',(function () {

var ab = new Array();
var ch_no = $('.ch_no');
var aDiv=document.getElementsByClassName("ch_no");//获取文档中class为"ch_no"的所有元素
    for (var i = 0;i<aDiv.length;i++) {//遍历 aDiv的中所有元素并且将所有class为"ch_no"的元素保存到数组aerial
        var outputPower_con = $(ch_no[i]).find("#outputPower").find("option:selected").val();
var forwardLinkRate_con = $(ch_no[i]).find("#forwardLinkRate").find("option:selected").val();
var reverseLinkRate_con = $(ch_no[i]).find("#reverseLinkRate").find("option:selected").val();
var forwardModType_con = $(ch_no[i]).find("#forwardModType").find("option:selected").val();
var reverseModType_con = $(ch_no[i]).find("#reverseModType").find("option:selected").val();
var outputRate_con = $(ch_no[i]).find("#outputRate").find("option:selected").val();
aerial.push({
outputPower: outputPower_con,
forwardLinkRate: forwardLinkRate_con,
reverseLinkRate: reverseLinkRate_con,
forwardModType: forwardModType_con,
reverseModType: reverseModType_con,
outputRate: outputRate_con
})
}
console.log(ab);
$.ajax({
url: "http://",//接口地址
type:'post',
data: ab,
datatype: 'json',
success : function(data) {
console.log(data)
},
error : function() {
alert('保存失败,请重试! ');
}
})
})

おすすめ

転載: www.cnblogs.com/sicilyxx/p/11840505.html