jQuery循环每个构建Html列表
jQuery Looping Each to Build Html List
我需要解析ajax错误。
这是我的代码。
error:function(data){
var errors = data.responseJSON;
errorsHtml = '<div class="alert alert-danger"><ul>';
$.each( errors, function(key, value) {
errorsHtml += '<li>'+ errors[key] + '</li>'; //showing only the first error.
});
errorsHtml += '</ul></div>';
alert(errorsHtml);
},
输出为
<div class="alert alert-danger"><ul><li>The Address Name field is required.,The Recipient field is required.,The Address field is required.</li></ul></div>
我不能这样做
<div class="alert alert-danger>
<ul>
<li>The Address Name field is required.</li>
<li>The Recipient field is required.</li>
<li>The Address field is required.</li>
</ul>
我哪里出错了
在您的内容中,errors
是一个对象,它有一个名为errors
的键,它有一个错误消息数组。
那么你需要做的就是遍历errors
数组所以
var errors = data.responseJSON;
errorsHtml = '<div class="alert alert-danger"><ul>';
$.each(errors.errors, function (key, value) {
errorsHtml += '<li>' + value + '</li>'; //showing only the first error.
});
errorsHtml += '</ul></div>';
alert(errorsHtml);
另一个简单的方法是
var errorsHtml = '<div class="alert alert-danger"><ul>';
errorsHtml += '<li>' + errors.errors.join('</li><li>') + '</li>';
errorsHtml += '</ul></div>';
相关文章:
- 如何在HTML列表中添加事件's子弹
- html5中数据描述属性中的html列表
- JSON编码一个HTML列表——所有子项都显示在所有父项上
- 处理html列表中的javascript对象
- 使用JSON和JavaScript添加额外的html列表元素
- jQuery,CSS:自动着色HTML列表
- 将 json 数据追加到 HTML 列表框
- JavaScript将缩进文本转换为HTML列表重复顶层<李>'s为<ul>'s
- 我如何用css或javascript订购这样的html列表
- 让Angular.js显示json数据的html列表
- 选中的Angular HTML列表将所选值放入应用程序范围的变量和跨度中
- 显示或隐藏基于复选框数据的 HTML 列表,Laravel 4
- 使用 javascript 编辑 HTML 列表条目
- Html列表:如何计算列表中检索到的参数数
- 无法在jQuery上对我的html列表进行排序
- 动态将项目添加到 HTML 列表
- 垂直滚动的 HTML 列表
- jQuery:将 JSON-Object 转换为 HTML 列表改进
- 如何通过自动填充html列表为用户制作搜索字段
- 在 HTML 列表中计算直接子项