Javascript 如何获取阵列以显示清理器？

我创建了一个表单，我想用表单中的输入填充一些预先编写的代码的某些部分

Javascript如下所示

$.fn.serializeObject = function(){
var o = {};
var a = this.serializeArray();
$.each(a, function() {
    if (o[this.name] !== undefined) {
        if (!o[this.name].push) {
            o[this.name] = [o[this.name]];
        }
        o[this.name].push(this.value || '');
    } else {
        o[this.name] = this.value || '';
    }
});
return o;
};

$(function () {
$('form').submit(function (e) {
e.preventDefault();
var oo = $('form').serializeObject();
var template = '<center><a href="{url}" target="_blank" onclick="cmCreateCustomTag(\'8888\',\'-_--_--_--_--_-____{name}_{bannerposition}_{trigger}-_-Pers_MNT_{name}_-_--_-\' + new Date().toISOString() + \'-_-\');" ><img src="{imgsrc}" alt="{alt}" title="{title}"></a></center>';

$('#result').text(
    template.replace(/{url}/g, oo["URL"])
                .replace(/{name}/g, oo["name"])
                .replace(/{trigger}/g, oo["trigger"])
                .replace(/{bannerposition}/g, oo["banner_position"])
                .replace(/{imgsrc}/g, oo["image_src"])
                .replace(/{alt}/g, oo["alt"])
                .replace(/{title}/g, oo["title"])
    );
});

$.fn.serializeObject=函数（）{
var o={}；
var a=this.serializeArray（）；
$.each（a，function（）{
if（o[this.name]！==未定义）{
如果（！o[this.name].push）{
o[this.name]=[o[this.name]]；
}
o[this.name].push（this.value | |“”）；
}否则{
o[this.name]=this.value | |“”；
}
});
返回o；
};
$（函数（）{
$（'form'）。提交（函数（e）{
e、 预防默认值（）；
var oo=$（'form'）.serializeObject（）；
var模板=“”；
$（“#结果”）.text(
template.replace（/{url}/g，oo[“url”]）
.replace（/{name}/g，oo[“name”]）
.replace（/{trigger}/g，oo[“trigger”]）
.替换（/{bannerposition}/g，oo[“banner_position”]）
.replace（/{imgsrc}/g，oo[“image_src”]）
.replace（/{alt}/g，oo[“alt”]）
.replace（/{title}/g，oo[“title”]）
);
});

这是你的电话号码

我已经在代码底部注释掉的部分中包含了最终表单的外观。如何插入数据以便快速使用数据？

如果您只想“漂亮地打印”它，您可以使用以下内容：

  $(function () {
$('form').submit(function (e) {
    e.preventDefault();
    var res = JSON.stringify($('form').serializeObject());
    //Puts a line break after each comma
    $('#result').html(res.replace(/([,\{\}])/g, function (match) {
        if (match == "," || match == '{') {
            return match + "\n";
        } else {
            return "\n" + match;
        }
    }));
  });
});

---

我也编辑了上述代码，但这是我根据用户输入在特定代码中显示数组的方式。谢谢大家的帮助。：）

这是你的电话号码

$.fn.serializeObject=函数（）{
var o={}；
var a=this.serializeArray（）；
$.each（a，function（）{
if（o[this.name]！==未定义）{
如果（！o[this.name].push）{
o[this.name]=[o[this.name]]；
}
o[this.name].push（this.value | |“”）；
}否则{
o[this.name]=this.value | |“”；
}
});
返回o；
};
$（函数（）{
$（'form'）。提交（函数（e）{
e、 预防默认值（）；
var oo=$（'form'）.serializeObject（）；
var模板=“”；
$（“#结果”）.text(
template.replace（/{url}/g，oo[“url”]）
.replace（/{name}/g，oo[“name”]）
.replace（/{trigger}/g，oo[“trigger”]）
.替换（/{bannerposition}/g，oo[“banner_position”]）
.replace（/{imgsrc}/g，oo[“image_src”]）
.replace（/{alt}/g，oo[“alt”]）
.replace（/{title}/g，oo[“title”]）
);
});

在何处插入数据？您想让输出在视觉上更易于阅读？还是想访问JSON中的单个值？您想做什么还不清楚。您发布的小提琴正在工作，在您提交表单时显示表单的序列化输出。请更具体地说明您想要得到什么。我正在尝试获取在下面注释掉的部分中，在一组预先构建的HTML中显示的数组（在fiddle中），其中仅表单的输入将插入html中。我正在尝试使其位于编写的html中。我无法将数组附加到需要添加的位置。感谢您的帮助！Nelson，作为一名新手没有问题；）这个网站非常棒，但是它有非常严格的规则。它们更多的是关于你的配方的研究和澄清，而不是你知道多少。检查指南和。Bem vindoábordo！我试图让它工作，但它不会显示阵列。我尝试了几种方法来实现它，我就是无法让它工作。我是什么缺少此处？是的，编辑使其正常工作。谢谢。我正在尝试将数组附加到小提琴底部注释掉的代码中（请注意小提琴的新url:）。很抱歉之前不清楚。您的方法确实使它看起来“更漂亮”@nelsonfisherjr append是什么意思？那么它将被写入中心标记中？只需将$（'result'）替换为$（'center_ELEMENT_ID'）append显然是错误的单词。表单中的每个特定项在代码中都有一个对应的部分，我希望它显示插入了表单答案的代码。

$.fn.serializeObject = function(){
var o = {};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name] !== undefined) {
    if (!o[this.name].push) {
        o[this.name] = [o[this.name]];
    }
    o[this.name].push(this.value || '');
} else {
    o[this.name] = this.value || '';
}
});
return o;
};

$(function () {
$('form').submit(function (e) {
e.preventDefault();
var oo = $('form').serializeObject();
var template = '<center><a href="{url}" target="_blank" onclick="cmCreateCustomTag(\'8888\',\'-_--_--_--_--_-____{name}_{bannerposition}_{trigger}-_-Pers_MNT_{name}_-_--_-\' + new Date().toISOString() + \'-_-\');" ><img src="{imgsrc}" alt="{alt}" title="{title}"></a></center>';

$('#result').text(
template.replace(/{url}/g, oo["URL"])
            .replace(/{name}/g, oo["name"])
            .replace(/{trigger}/g, oo["trigger"])
            .replace(/{bannerposition}/g, oo["banner_position"])
            .replace(/{imgsrc}/g, oo["image_src"])
            .replace(/{alt}/g, oo["alt"])
            .replace(/{title}/g, oo["title"])
);
});