Jquery如何从复杂的JSON字符串中获取信息

Question

请给我这个表格:

<form>

    <p>
      <label for="field_userAddress">Adresse (*)</label>
      <input type="text" name="userAddress" id="field_userAddress"  />
    </p>
    <p>
      <label for="field_userCP">CP (*)</label>
      <input type="text" name="userCP" id="field_userCP"  />
    </p>
    <p>
      <label for="field_vars[1]">vars one (*)</label>
      <input type="text" name="vars[1]" id="field_uservars[1]"  />
    </p>
    <p>
      <label for="field_vars[2]">Vars two (*)</label>
      <input type="text" name="vars[2]" id="field_vars[2]"  />
    </p>


</form>

并且我希望使用 AJAX 控制字段，因此我在 php 端完成了工作，最后我以这种方式使用 JQuery 请求 json 字符串:

{
    "status": 0,
    "err": {
        "userAddress": "required",
        "userCP": "required"
    },
    "errr": {
        "vars": {
            "1": "required",
            "2": "required"
        }
    }
}

我想在相关字段前面显示每条消息。

因此，对于第一个“err”，我使用了这些行并且它有效:

$.each(r.err,function(k,v)
                        {
                            form.find('[name='+k+']').closest('p').append(v);
                        });

但是对于第二个“errr”，我尝试了这些行:

$.each(r.errr.vars,function(y,z)
                        {
                            form.find('[name="'+y+'['+z+']"'+']').closest('p').append(z);
                        }); 

这不起作用!

我发现这对我来说有点复杂。请问有什么建议吗？

Answer 1

我认为你忽略了 json 的部分要点。如果您想要多种必填字段，则应该只使用一个名为 required 的 json 数组。

{
   "err": {
     "required": ["userAddress", "userCP"]
   },

   "errr": {
     "vars": {
       "required": ["1", "2"];
     },
   }
}

如果你想解析这个

$.each( r.err, 函数(k,v) { $('form[name='+ v +']').closest('p').append(k); });