关于html生成json的求助

tz520

数据库格式

[Asm] 纯文本查看 复制代码

{"mode":"0","category_id":"6049dcca78b4c30001171660","category_name":"写真","tags":"","name":"","images":["https://lk.dhso.top/admin/fXoFj5sk.jpg","https://lk.dhso.top/admin/Vf7C8VTI.jpg","https://lk.dhso.top/admin/gJPDz0VJ.jpg","https://lk.dhso.top/admin/70W9Wr5Q.jpg","https://lk.dhso.top/admin/tnfwp3dz.jpg","https://lk.dhso.top/admin/mumJBcYG.jpg"],"image":"","coll":"","zan":"10","vie":"10","statu":"0","user_id":"61c1f22481337a0001e935f5","time":"1666231160000"}

html代码生成的格式

[Asm] 纯文本查看 复制代码

{"mode":"0","category_id":"6049dcca78b4c30001171660","category_name":"写真","tags":"标签","name":"标题","images":"["https://lk.dhso.top/admin/fXoFj5sk.jpg","https://lk.dhso.top/admin/Vf7C8VTI.jpg","https://lk.dhso.top/admin/gJPDz0VJ.jpg","https://lk.dhso.top/admin/70W9Wr5Q.jpg","https://lk.dhso.top/admin/tnfwp3dz.jpg","https://lk.dhso.top/admin/mumJBcYG.jpg"]","image":"https://lk.dhso.top/admin/70W9Wr5Q.jpg","coll":"","zan":"10","vie":"10","statu":"0","user_id":"61c1f22481337a0001e935f5","time":"1666231160000"}

两者的区别在于
数据库中"images":["图片",".图片"],格式
html中提交出来是"images":"["图片","图片"]",格式
差别多了外层""，主要就是这一个数组是[]

需要解决问题
1.images问题,最好能把[]固定在里面，我只要填写图片地址就行，因为我的图片批量生成格式就是"图片","图片"
2.时间撮那块能不能提交用日期标识，生成出来的用时间撮表示
3.最后生成的json值能不能用代码块框起来加个复制按钮，类似csdn网站那样
4.请简单把代码自适应下，现在好像有些错位

附上代码链接
下载:https://takitooru.lanzouf.com/iHLWh0ecelgd 密码:3tso

tz520

也可以用吾爱这样的代码显示形式。因为直接复制可能会把中文字符加进去，导致无法正常解析json
@Takitooru

塞北的雪

[JavaScript] 纯文本查看 复制代码

(function($) {
            $.fn.serializeJson = function() {
                var serializeObj = {};
                var array = this.serializeArray();
                var str = this.serialize();
                $(array).each(function() {
                	try{
                    		if(this.name=="images") this.value=eval(this.value);
                    	}
                    	catch{
                    		alert('格式错误！');return;
                    	}
                    if (serializeObj[this.name]) {
                        if ($.isArray(serializeObj[this.name])) {
                            serializeObj[this.name].push(this.value);
                        } else {
                            serializeObj[this.name] = [serializeObj[this.name], this.value];
                        }
                    } else {
                        serializeObj[this.name] = this.value;
                    }
                });
                return serializeObj;
            };
        })(jQuery);

只要用eval把字符串转成数组就好了

FlyingFire

[JavaScript] 纯文本查看 复制代码

(function($){
      $.fn.serializeJson=function(){
        var serializeObj={};
        var array=this.serializeArray();
        var str=this.serialize();
        $(array).each(function(){
          if(serializeObj[this.name]){
            if($.isArray(serializeObj[this.name])){
              serializeObj[this.name].push(this.value);
            }else{
              serializeObj[this.name]=[serializeObj[this.name],this.value];
            }
          }else{
	     if (this.name == "images") {
		  this.value = JSON.parse(this.value);
	     }
            serializeObj[this.name]=this.value;
          }
        });
        return serializeObj;
      };
    })(jQuery);

Takitooru

好像楼上两位兄弟已经给出解答了，我也没啥补充，至于其他求助条件，不着急的话，我晚点给你完善一下。
另外 你说的时间time字段，本来就是时间戳格式了，无需再转换。

pansong291

拿来用 vue 练手了，下载地址：https://wwd.lanzoui.com/iektV0eenm4d 密码:52pj

也可以在线访问这个地址：https://pansong291.github.io/ashe/html/other/wallpaper-submitter.html

tz520

pansong291 发表于 2022-10-22 16:42
拿来用 vue 练手了，下载地址：https://wwd.lanzoui.com/iEGOt0edk4pc 密码: ejtw

也可以在线访问这个地 ...

明天给你评分，今天的没了，非常感谢

tz520

pansong291 发表于 2022-10-22 16:42
拿来用 vue 练手了，下载地址：https://wwd.lanzoui.com/iEGOt0edk4pc 密码: ejtw

也可以在线访问这个地 ...

由于发帖失误导致部分内容有错误
最终结果是这样的


需要去除“”改为[]
coll
需要去除“”的有
mode
zan

view
status
time

pansong291

tz520 发表于 2022-10-22 17:59
pansong291 发表于 2022-10-22 16:42
拿来用 vue 练手了，下载地址：https://wwd.lanzoui.com/iEGOt0edk4p ...

coll 的值是数组，请问具体格式是怎样的，从字符串转数组的逻辑是怎样的。论坛回帖不太及时，q详聊1908701778，备注52pj

tz520

Takitooru 发表于 2022-10-22 15:57
好像楼上两位兄弟已经给出解答了，我也没啥补充，至于其他求助条件，不着急的话，我晚点给你完善一下。
另 ...

pansong291 发表于 2022-10-22 16:42
拿来用 vue 练手了，下载地址：https://wwd.lanzoui.com/iEGOt0edk4pc 密码: ejtw


由于发帖失误导致部分内容有错误
最终结果是这样的


需要去除“”改为[]
coll
需要去除“”的有
mode
zan

view
status
time