tz520 发表于 2022-10-22 11:53

关于html生成json的求助

本帖最后由 tz520 于 2022-10-22 11:58 编辑

数据库格式
{"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代码生成的格式
{"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 发表于 2022-10-22 11:55

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

塞北的雪 发表于 2022-10-22 14:48

(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) {
                        if ($.isArray(serializeObj)) {
                            serializeObj.push(this.value);
                        } else {
                            serializeObj = , this.value];
                        }
                  } else {
                        serializeObj = this.value;
                  }
                });
                return serializeObj;
            };
      })(jQuery);

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

FlyingFire 发表于 2022-10-22 14:53

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

Takitooru 发表于 2022-10-22 15:57

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

pansong291 发表于 2022-10-22 16:42

本帖最后由 pansong291 于 2022-10-23 01:17 编辑

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

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

tz520 发表于 2022-10-22 17:21

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

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

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

tz520 发表于 2022-10-22 17:59

求教怎么去除部分选项的“”号

本帖最后由 tz520 于 2022-10-22 19:35 编辑

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

也可以在线访问这个地 ...
由于发帖失误导致部分内容有错误
最终结果是这样的
https://lk.dhso.top/admin/GQemQKRe.pnghttps://lk.dhso.top/admin/kzUcg84T.png

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

view
status
time

pansong291 发表于 2022-10-22 19:50

本帖最后由 pansong291 于 2022-10-22 19:56 编辑

tz520 发表于 2022-10-22 17:59
pansong291 发表于 2022-10-22 16:42
拿来用 vue 练手了,下载地址:https://wwd.lanzoui.com/iEGOt0edk4p ...
coll 的值是数组,请问具体格式是怎样的,从字符串转数组的逻辑是怎样的。论坛回帖不太及时,q详聊1908701778,备注52pj

tz520 发表于 2022-10-22 23:17

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
页: [1] 2
查看完整版本: 关于html生成json的求助