JavaScript-只是为了学习_Javascript_Jquery_Xml_For Loop

JavaScript-只是为了学习

javascript jquery xml for-loop

JavaScript-只是为了学习,javascript,jquery,xml,for-loop,Javascript,Jquery,Xml,For Loop,我只是在学习JavaScript，我发现自己正在编写下面的代码，并认为应该有一种方法可以使用FOR或WHILE语句循环这些语句以获得所需的输出，但至少对我来说，它比基本的FOR循环要复杂一些。你能帮我开始吗问题：如果使用FOR，我将如何获得XML节点的计数以便知道何时需要停止在AJAX中有没有一种方法可以让您在需要使用a或a一段时间的情况下完成此w/o 附加信息：通过OA40+和VS50+实际的源代码要大得多，并且可能会更改，因此从XML获取它将在XML文件更改时节省大量代码工作编辑-按请

我只是在学习JavaScript，我发现自己正在编写下面的代码，并认为应该有一种方法可以使用FOR或WHILE语句循环这些语句以获得所需的输出，但至少对我来说，它比基本的FOR循环要复杂一些。你能帮我开始吗

问题：如果使用FOR，我将如何获得XML节点的计数以便知道何时需要停止

在AJAX中有没有一种方法可以让您在需要使用a或a一段时间的情况下完成此w/o

附加信息：通过OA40+和VS50+实际的源代码要大得多，并且可能会更改，因此从XML获取它将在XML文件更改时节省大量代码工作

编辑-按请求更新-XML太大，无法在此处发布，因此我已在线提供：

函数onchange1catname{ //alertcatname； $oatable tbody tr.empty； $epcftable tbody tr.empty； $.ajax{ 类型：GET， url:xml/categories.xml，数据类型：xml，成功：函数xml{ var div=$'epcf-wrap'； div.empty； var findval=Cat $xml.find'Cat'。每个函数{ var cval=$this.attr'name'；如果catname==cval{ //我打赌有一个更简单的方法可以做到这一点 var xmlArr=[]； var xml_EPCF_1_1=$this.find'EPCF_1_1'。text； var xml_EPCF_1_2=$this.find'EPCF_1_2'.text； var xml_EPCF_1_3=$this.find'EPCF_1_3'.text； var xml_EPCF_1_4=$this.find'EPCF_1_4'.text； var xml_EPCF_1_5=$this.find'EPCF_1_5'.text； var xml_EPCF_1_6=$this.find'EPCF_1_6'.text； var xml_EPCF_2_1=$this.find'EPCF_2_1'。text； var xml_EPCF_2_2=$this.find'EPCF_2_2'.text； var xml_EPCF_2_3=$this.find'EPCF_2_3'.text； var xml_EPCF_2_4=$this.find'EPCF_2_4'.text； var xml_EPCF_2_5=$this.find'EPCF_2_5'.text； var xml_EPCF_3_1=$this.find'EPCF_3_1'。text； var xml_EPCF_3_2=$this.find'EPCF_3_2'.text； var xml_EPCF_3_3=$this.find'EPCF_3_3'.text； var xml_EPCF_3_4=$this.find'EPCF_3_4'.text； var xml_EPCF_4_1=$this.find'EPCF_4_1'。text； var xml_EPCF_4_2=$this.find'EPCF_4_2'。text； var xml_EPCF_4_3=$this.find'EPCF_4_3'.text； var xml_EPCF_4_4=$this.find'EPCF_4_4'.text； var xml_EPCF_4_5=$this.find'EPCF_4_5'.text； var xml_EPCF_4_6=$this.find'EPCF_4_6'.text； var xml_EPCF_5_1=$this.find'EPCF_5_1'。text； var xml_EPCF_5_2=$this.find'EPCF_5_2'。text； var xml_EPCF_5_3=$this.find'EPCF_5_3'。text； var xml_EPCF_5_4=$this.find'EPCF_5_4'.text； var xml_EPCF_5_5=$this.find'EPCF_5_5'.text； var xml_EPCF_5_6=$this.find'EPCF_5_6'.text； var xml_EPCF_5_7=$this.find'EPCF_5_7'.text； var xml_EPCF_5_8=$this.find'EPCF_5_8'.text； var xml_EPCF_6_1=$this.find'EPCF_6_1'。text； var xml_EPCF_6_2=$this.find'EPCF_6_2'。text； var xml_EPCF_6_3=$this.find'EPCF_6_3'。text； var xml_EPCF_6_4=$this.find'EPCF_6_4'.text； var xml_EPCF_6_5=$this.find'EPCF_6_5'。text； var xml_EPCF_6_6=$this.find'EPCF_6_6'.text； var xml_EPCF_6_7=$this.find'EPCF_6_7'.text； var xml_EPCF_6_8=$this.find'EPCF_6_8'.text； var xml_OA1=$this.find'OA1.text； var xml_OA2=$this.find'OA2.text； var xml_OA3=$this.find'OA3.text； var xml_OA4=$this.find'OA4.text； var xml_OA5=$this.find'OA5'.text； var xml_OA6=$this.find'OA6.text； var xml_OA7=$this.find'OA7.text； var xml_OA8=$this.find'OA8'.text； var xml_OA9=$this.find'OA9.text； var xml_OA10=$this.find'OA10.text； var xml_VS1=$this.find'VS1.text； var xml_VS2=$this.find'VS2.text； var xml_VS3=$this.find'VS3.text； var xml_VS4=$this.find'VS4.text； var xml_VS5=$this.find'VS5'.text； //开始名称属性 var xml_EPCF_1_1_name=$this.find'EPCF_1_1.attr'name'； var xml_EPCF_1_2_name=$this.find'EPCF_1_2.attr'name'； var xml_EPCF_1_3_name=$this.find'EPCF_1_3.attr'name'； var xml_EPCF_1_4_name=$this.find'EPCF_1_4.attr'name'； var xml_EPCF_1_5_name=$this.find'EPCF_1_5.attr'name'； var xml_EPCF_1_6_name=$this.find'EPCF_1_6.attr'name'； var xml_EPCF_2_1_name=$this.find'EPCF_2_1.attr'name'； var xml_EPCF_2_2_name=$this.find'EPCF_2_2'.attr'name'； var xml_EPCF_2_3_name=$this.find'EPCF_2_3.attr “姓名”； var xml_EPCF_2_4_name=$this.find'EPCF_2_4.attr'name'； var xml_EPCF_2_5_name=$this.find'EPCF_2_5.attr'name'； var xml_EPCF_3_1_name=$this.find'EPCF_3_1.attr'name'； var xml_EPCF_3_2_name=$this.find'EPCF_3_2.attr'name'； var xml_EPCF_3_3_name=$this.find'EPCF_3_3'.attr'name'； var xml_EPCF_3_4_name=$this.find'EPCF_3_4.attr'name'； var xml_EPCF_4_1_name=$this.find'EPCF_4_1.attr'name'； var xml_EPCF_4_2_name=$this.find'EPCF_4_2.attr'name'； var xml_EPCF_4_3_name=$this.find'EPCF_4_3.attr'name'； var xml_EPCF_4_4_name=$this.find'EPCF_4_4'.attr'name'； var xml_EPCF_4_5_name=$this.find'EPCF_4_5.attr'name'； var xml_EPCF_4_6_name=$this.find'EPCF_4_6.attr'name'； var xml_EPCF_5_1_name=$this.find'EPCF_5_1.attr'name'； var xml_EPCF_5_2_name=$this.find'EPCF_5_2.attr'name'； var xml_EPCF_5_3_name=$this.find'EPCF_5_3.attr'name'； var xml_EPCF_5_4_name=$this.find'EPCF_5_4.attr'name'； var xml_EPCF_5_5_name=$this.find'EPCF_5_5'.attr'name'； var xml_EPCF_5_6_name=$this.find'EPCF_5_6.attr'name'； var xml_EPCF_5_7_name=$this.find'EPCF_5_7.attr'name'； var xml_EPCF_5_8_name=$this.find'EPCF_5_8.attr'name'； var xml_EPCF_6_1_name=$this.find'EPCF_6_1.attr'name'； var xml_EPCF_6_2_name=$this.find'EPCF_6_2.attr'name'； var xml_EPCF_6_3_name=$this.find'EPCF_6_3.attr'name'； var xml_EPCF_6_4_name=$this.find'EPCF_6_4.attr'name'； var xml_EPCF_6_5_name=$this.find'EPCF_6_5.attr'name'； var xml_EPCF_6_6_name=$this.find'EPCF_6_6'.attr'name'； var xml_EPCF_6_7_name=$this.find'EPCF_6_7.attr'name'； var xml_EPCF_6_8_name=$this.find'EPCF_6_8.attr'name'； var xml_OA1_name=$this.find'OA1.attr'name'； var xml_OA2_name=$this.find'OA2.attr'name'； var xml_OA3_name=$this.find'OA3.attr'name'； var xml_OA4_name=$this.find'OA4.attr'name'； var xml_OA5_name=$this.find'OA5.attr'name'； var xml_OA6_name=$this.find'OA6.attr'name'； var xml_OA7_name=$this.find'OA7.attr'name'； var xml_OA8_name=$this.find'OA8.attr'name'； var xml_OA9_name=$this.find'OA9.attr'name'； var xml_OA10_name=$this.find'OA10.attr'name'； var xml_VS1_name=$this.find'VS1.attr'name'； var xml_VS2_name=$this.find'VS2.attr'name'； var xml_VS3_name=$this.find'VS3.attr'name'； var xml_VS4_name=$this.find'VS4.attr'name'； var xml_VS5_name=$this.find'VS5.attr'name'； //开始id属性 var xml_EPCF_1_1_id=$this.find'EPCF_1_1.attr'id'； var xml_EPCF_1_2_id=$this.find'EPCF_1_2.attr'id'； var xml_EPCF_1_3_id=$this.find'EPCF_1_3.attr'id'； var xml_EPCF_1_4_id=$this.find'EPCF_1_4.attr'id'； var xml_EPCF_1_5_id=$this.find'EPCF_1_5.attr'id'； var xml_EPCF_1_6_id=$this.find'EPCF_1_6.attr'id'； var xml_EPCF_2_1_id=$this.find'EPCF_2_1.attr'id'； var xml_EPCF_2_2_id=$this.find'EPCF_2_2.attr'id'； var xml_EPCF_2_3_id=$this.find'EPCF_2_3.attr'id'； var xml_EPCF_2_4_id=$this.find'EPCF_2_4.attr'id'； var xml_EPCF_2_5_id=$this.find'EPCF_2_5.attr'id'； var xml_EPCF_3_1_id=$this.find'EPCF_3_1.attr'id'； var xml_EPCF_3_2_id=$this.find'EPCF_3_2.attr'id'； var xml_EPCF_3_3_id=$this.find'EPCF_3_3.attr'id'； var xml_EPCF_3_4_id=$this.find'EPCF_3_4.attr'id'； var xml_EPCF_4_1_id=$this.find'EPCF_4_1.attr'id'； var xml_EPCF_4_2_id=$this.find'EPCF_4_2.attr'id'； var xml_EPCF_4_3_id=$this.find'EPCF_4_3.attr'id'； var xml_EPCF_4_4_id=$this.find'EPCF_4_4.attr'id'； var xml_EPCF_4_5_id=$this.find'EPCF_4_5.attr'id'； var xml_EPCF_4_6_id=$this.find'EPCF_4_6.attr'id'； var xml_EPCF_5_1_id=$this.find'EPCF_5_1.attr'id'； var xml_EPCF_5_2_id=$this.find'EPCF_5_2.attr'id'； var xml_EPCF_5_3_id=$this.find'EPCF_5_3.attr'id'； var xml_EPCF_5_4_id=$this.find'EPCF_5_4.attr'id'； var xml_EPCF_5_5_id=$this.find'EPCF_5_5.attr'id'； var xml_EPCF_5_6_id=$this.find'EPCF_5_6.attr'id'； var xml_EPCF_5_7_id=$this.find'EPCF_5_7.attr'id'； var xml_EPCF_5_8_id=$this.find'EPCF_5_8.attr'id'； var xml_EPCF_6_1_id=$thi s、查找'EPCF_6_1'。attr'id'； var xml_EPCF_6_2_id=$this.find'EPCF_6_2.attr'id'； var xml_EPCF_6_3_id=$this.find'EPCF_6_3.attr'id'； var xml_EPCF_6_4_id=$this.find'EPCF_6_4.attr'id'； var xml_EPCF_6_5_id=$this.find'EPCF_6_5.attr'id'； var xml_EPCF_6_6_id=$this.find'EPCF_6_6.attr'id'； var xml_EPCF_6_7_id=$this.find'EPCF_6_7.attr'id'； var xml_EPCF_6_8_id=$this.find'EPCF_6_8.attr'id'； var xml_OA1_id=$this.find'OA1.attr'id'； var xml_OA2_id=$this.find'OA2.attr'id'； var xml_OA3_id=$this.find'OA3.attr'id'； var xml_OA4_id=$this.find'OA4.attr'id'； var xml_OA5_id=$this.find'OA5.attr'id'； var xml_OA6_id=$this.find'OA6.attr'id'； var xml_OA7_id=$this.find'OA7.attr'id'； var xml_OA8_id=$this.find'OA8.attr'id'； var xml_OA9_id=$this.find'OA9.attr'id'； var xml_OA10_id=$this.find'OA10.attr'id'； var xml_VS1_id=$this.find'VS1.attr'id'； var xml_VS2_id=$this.find'VS2.attr'id'； var xml_VS3_id=$this.find'VS3.attr'id'； var xml_VS4_id=$this.find'VS4.attr'id'； var xml_VS5_id=$this.find'VS5.attr'id'； //在FML的这一部分中，我们将构建一个数组 xmlArr+=； xmlArr+=+xml_EPCF_1_1_name+； xmlArr+=+xml_EPCF_1_2_name+； xmlArr+=+xml_EPCF_1_3_name+； xmlArr+=+xml_EPCF_1_4_name+； xmlArr+=+xml_EPCF_1_5_name+； xmlArr+=+xml_EPCF_1_6_name+； xmlArr+=+xml_EPCF_2_1_name+； xmlArr+=+xml_EPCF_2_2_name+； xmlArr+=+xml_EPCF_2_3_name+； xmlArr+=+xml_EPCF_2_4_name+； xmlArr+=+xml_EPCF_2_5_name+； xmlArr+=+xml_EPCF_3_1_name+； xmlArr+=+xml_EPCF_3_2_name+； xmlArr+=+xml_EPCF_3_3_name+； xmlArr+=+xml_EPCF_3_4_name+； xmlArr+=+xml_EPCF_4_1_name+； xmlArr+=+xml_EPCF_4_2_name+； xmlArr+=+xml_EPCF_4_3_name+； xmlArr+=+xml_EPCF_4_4_name+； xmlArr+=+xml_EPCF_4_5_name+； xmlArr+=+xml_EPCF_4_6_name+； xmlArr+=+xml_EPCF_5_1_name+； xmlArr+=+xml_EPCF_5_2_name+； xmlArr+=+xml_EPCF_5_3_name+； xmlArr+=+xml_EPCF_5_4_name+； xmlArr+=+xml_EPCF_5_5_name+； xmlArr+=+xml_EPCF_5_6_name+； xmlArr+=+xml_EPCF_5_7_name+； xmlArr+=+xml_EPCF_5_8_name+； xmlArr+=+xml_EPCF_6_1_name+； xmlArr+=+xml_EPCF_6_2_name+； xmlArr+=+xml_EPCF_6_3_name+； xmlArr+=+xml_EPCF_6_4_name+； xmlArr+=+xml_EPCF_6_5_name+； xmlArr+=+xml_EPCF_6_6_name+； xmlArr+=+xml_EPCF_6_7_name+； xmlArr+=+xml_EPCF_6_8_name+； xmlArr+=； //建立办公自动化系统 xmlArr+=+xml_OA1_name+； xmlArr+=+xml_OA2_name+； xmlArr+=+xml_OA3_name+； xmlArr+=+xml_OA4_name+； xmlArr+=+xml_OA5_name+； xmlArr+=+xml_OA6_name+； xmlArr+=+xml_OA7_name+； xmlArr+=+xml_OA8_name+； xmlArr+=+xml_OA9_name+； xmlArr+=+xml_OA10_name+； xmlArr+=； xmlArr+=+xml_VS1_name+； xmlArr+=+xml_VS2_name+； xmlArr+=+xml_VS3_name+； xmlArr+=+xml_VS4_name+； xmlArr+=+xml_VS5_name+； xmlArr+=；附件二； $：输入[type='checkbox'].wijcheckbox； } }; } }; }

您可以在json中序列化xml，所以如果response是success函数的输入参数，那么您可以通过

response.length

json通常使用javascript更易于管理。可能您可以用与xml.length相同的方法获得xml对象的长度

还要考虑jquery的方法大小

此外，当您执行$this.find'EPCF_1_1'$this.find'EPCF_1_2'等时，您可以通过使用正则表达式进行查找来替代所有这些行。一个例子

$(this+':regex(attribute_name, EPCF_1_[0-9])')

或

选中

您可以在json中序列化xml，因此如果response是success函数的输入参数，您可以通过

response.length

json通常使用javascript更易于管理。可能您可以用与xml.length相同的方法获得xml对象的长度

考虑也满足 jquery的hod大小

此外，当您执行$this.find'EPCF_1_1'$this.find'EPCF_1_2'等时，您可以通过使用正则表达式进行查找来替代所有这些行。一个例子

$(this+':regex(attribute_name, EPCF_1_[0-9])')

或

检查

不确定代码试图做什么，但我可能会这样写：

/*
 * We use array instead of object because order matters:
 */
var value_ranges = [
  [
    ['EPCF_1_', 6],
    ['EPCF_2_', 5],
    ['EPCF_3_', 4],
    ['EPCF_4_', 6],
    ['EPCF_5_', 8],
    /* I think you know where this is going ... */
  ],
  [
    ['0A', 10]
  ],
  [
    ['VS', 5]
  ]
]

var html_string = "";
for (var x=0; x<value_ranges.length; x++) {
  var inner_ranges = value_ranges[x];

  for (var y=0; y<inner_ranges.length; y++) {
    var key = inner_ranges[y][0];
    var range = inner_ranges[y][1];

    html_string += '<td>';
    for (var z=1; z<=range; z++) {
      var txt = $(this).find(key+z).text();
      var name = $(this).find(key+z).attr('name');
      var id = $(this).find(key+z).attr('id');

      html_string += "<input class='checkbox' type='checkbox' id='" + id + "' name='" + id + "' /><label for='" + id + "'>" + name + "</label><br/>";
    }
    html_string += '</td>';
}

现在，您需要做的就是维护该阵列

虽然我不得不说，使用表进行布局并不是很好。

不确定代码试图做什么，但我可能会这样写：

/*
 * We use array instead of object because order matters:
 */
var value_ranges = [
  [
    ['EPCF_1_', 6],
    ['EPCF_2_', 5],
    ['EPCF_3_', 4],
    ['EPCF_4_', 6],
    ['EPCF_5_', 8],
    /* I think you know where this is going ... */
  ],
  [
    ['0A', 10]
  ],
  [
    ['VS', 5]
  ]
]

var html_string = "";
for (var x=0; x<value_ranges.length; x++) {
  var inner_ranges = value_ranges[x];

  for (var y=0; y<inner_ranges.length; y++) {
    var key = inner_ranges[y][0];
    var range = inner_ranges[y][1];

    html_string += '<td>';
    for (var z=1; z<=range; z++) {
      var txt = $(this).find(key+z).text();
      var name = $(this).find(key+z).attr('name');
      var id = $(this).find(key+z).attr('id');

      html_string += "<input class='checkbox' type='checkbox' id='" + id + "' name='" + id + "' /><label for='" + id + "'>" + name + "</label><br/>";
    }
    html_string += '</td>';
}

现在，您需要做的就是维护该阵列

尽管我不得不说，使用表进行布局并不是很好。

以下是我对成功回调的看法

我删除了if catname===cval{，因为我不知道catname代表什么。如果您试图筛选特定类别，那么可能有不同的方法

函数onchange1catname{ $oatable tbody tr.empty； $epcftable tbody tr.empty； $.ajax{ 类型：GET， url:xml/categories.xml，数据类型：xml，成功：functionxml{ var table=$，{id:'opttable'，align:'left'}； //获取传递的catname的类别 var category=$xml.children.children'Cat[name='+catname+']； var tr=$.appendTotable；//创建tr并附加到表 var td=$.appendTotr；//创建td并附加到TR //迭代当前类别的所有子级 category.children.eachfunctioni，cat_child{ //获取当前项目的名称和ID var id=$cat_child.attr'id'； var name=$cat_child.attr'name'； //使用当前文件的属性创建输入 //猫的子代，并附加到TD $, { 类名：“复选框”，键入：“复选框”， id:id，姓名:id }.附后； //使用当前文件的id属性创建标签 //猫的子代和附加到TD $，{for:id，text:name}.appendTotd； $.appendTotd；//创建BR元素并附加到TD }; $'epcf-wrap'.empty.appendtable；//将表附加到其容器中 } }; } 以下是我对成功回调的看法

我删除了if catname===cval{，因为我不知道catname代表什么。如果您试图筛选特定类别，那么可能有不同的方法

var xml_OA7…您需要了解哈希表。这应该是var xml={}；xml[OA7]=..…如果密钥始终与XPath表达式相同，则可以使用循环一次性填充整个数据结构。@Thilo-我正在用谷歌搜索哈希表-你还记得你是如何学习的吗？有什么好的参考资料吗？你几乎可以肯定地消除95%的代码。我可以想象XML有一个一致的结构。如果是这样的话，哟你可以利用这一点，用几行字来代替所有的重复。但是如果没有看到XML的样本，很难给出一个例子来说明如何做。@amnotiam这篇文章由于篇幅有限，所以我把它放在网上：var XML_OA7……你需要学习哈希表。这应该是var XML={}；XML[OA7]=..…如果键始终与XPath表达式相同，则可以使用循环来填充整个数据

“一次完成结构”。@Thilo-我正在用谷歌搜索哈希表-你还记得你是怎么学会的吗？有什么好的参考资料吗？您几乎可以肯定地消除95%的代码。我认为XML具有一致的结构。如果是这样的话，你可以利用这个优势，用几行字来代替所有的重复。但是没有看到XML的示例，很难给出一个例子来说明如何做到这一点。@amnotiam这篇文章由于篇幅有限，所以我把它放在了网上：如果有办法从XML中获取EPCF、OA和VS的计数，可以用它来代替更新数组吗？如果有办法从XML中获取EPCF、OA和VS的计数，可以用它来代替吗更新阵列的方法？你是对的。参数catname从onclick传递，并将类别名称表示为下拉列表中的选项。i、例如，用户选择下拉列表Category 1，该代码根据XML@ChadM：在这种情况下，可以将$xml.children'Cat'更改为$xml.children'Cat[name=+catname+]。事实上，由于只创建了一个，我们实际上可以在不使用最外层的.each循环的情况下执行此操作。忘记了一些引号：$xml.children'Cat[name='+catname+']“…并更新了我的答案。您询问了这是为了什么-完整的源代码在这里：-正如您将看到的那样，代码继续运行另外50行左右的代码，运行一个函数来检查复选框，并使用wijmo的wijcheckbox样式创建它们。最初的post长度限制不允许我发布整个代码，但我现在意识到需要另一个for循环来通过并检查所有复选框：我真的认为这是一个非常好的方法-我已经尝试在这里对上面的代码进行测试：-没有错误，但没有结果-您是正确的。参数catname从onclick传递，并将类别名称表示为下拉列表中的选项。i、例如，用户选择下拉列表Category 1，该代码根据XML@ChadM：在这种情况下，可以将$xml.children'Cat'更改为$xml.children'Cat[name=+catname+]。事实上，由于只创建了一个，我们实际上可以在不使用最外层的.each循环的情况下执行此操作。忘记了一些引号：$xml.children'Cat[name='+catname+']“…并更新了我的答案。您询问了这是为了什么-完整的源代码在这里：-正如您将看到的那样，代码继续运行另外50行左右的代码，运行一个函数来检查复选框，并使用wijmo的wijcheckbox样式创建它们。最初的post长度限制不允许我发布整个代码，但我现在意识到需要另一个for循环来通过并检查所有复选框：我真的认为这是一个非常好的方法-我已经尝试在上面构建代码测试：-没有错误，但也没有结果