jQuery Json和每个

Question

下面是我的代码：

$.ajax({
    url: "?module=gestionApplication&action=importScenario&fichierconf="+$fichierconf,
    dataType: "json",
    success: function( data ) {


        $( "#dialog-scenario input#fichierxml" ).val( data.FICHIERXML );
        $( "#dialog-scenario input#fichierproxy" ).val( data.FICHIERPROXY );
        $( "#dialog-scenario select#portail" ).val( data.PORTAIL );
        $( "#dialog-scenario select#typemaj" ).val( data.MONITORING );
        $( "#dialog-scenario input#periodemaintenance" ).val( data.MAINT );
        $( "#dialog-scenario input#nomdns" ).val( data.DNSATESTER );

它工作得很好，但我得到了40行相同类型的代码，可以在不知道data后面的字符串的情况下执行相同的操作吗。？

我会做类似这样的事情

data.each( function(dataName) {
   $( "#dialog-scenario inputORselect#"+dataName ).val( data.dataname );
});

感谢您的帮助

Answer 1

在元素名称和数据属性之间创建一个映射：

var map,
    prop;

map = {
    "typemaj" : "MONITORING",
    "periodemaintenance" : "MAINT"
}

然后，您可以遍历属性以设置它们的值。

for( prop in map ) {
    $( "#dialog-scenario inputORselect#" + prop ).val( data[ map[prop] ] );
}

Answer 2

$.each(data, function(key, value) {
    // do your processing here
});

Answer 3

您就快到了，请记住，id始终是唯一的，并且不需要关于它的父对象的信息。

$.each(data, function(name, value) {
   $("#"+name.toLowerCase()).val(value);
});