Js声明方法-常用

JQuery接口方法声明

     // 入参变量
     let params = {
         pageNum: 1,
         pageSize: 10,
         catalogId: 478312732864581,
         siteId: 463705523138629
     }
     function List(callback, params ) {
        $.ajax({
          url: ApiPrefix + '/cms/nointeselect/statistics',
          method: 'GET',
          data: params, // 在这里添加查询参数
          success: function (res) {
            if (res.code == 200) {
              callback(res);
            }
          },
        });
      }

调用方式

         List(function (data) {console.log(data) }, params );

手动触发事件

 $(".form-select").trigger("change")

ES6模板字符串

                $.each(data.data.rows, function (i, item) {
                    // FreeMaker语法,忽略不解析此段
                    <#noparse >
                    // ES6语法模板字符串
                    htmlStr += `
                        <li>
                        <a href="${item.link}"><h1>${item.name}</h1></a>
                        </li>
                        `
                    </#noparse>
                });

表单Json格式化

            // 批量解析表单数据为Json,合并Json
            var formData = $('form').serializeArray();
            var jsonData = {};


            // 处理多选框等数据到jsonData,无此可忽略
            $.each(formData, function (i, field) {
                var name = field.name;
                var value = field.value;
                if (jsonData.hasOwnProperty(name)) {
                    // 如果该字段名称已经存在于jsonData中，则将其值添加到一个列表中
                    if (Array.isArray(jsonData[name])) {
                        jsonData[name].push(value);
                    } else {
                        jsonData[name] = [jsonData[name], value];
                    }
                } else {
                    // 如果该字段名称不存在于jsonData中，则直接赋值
                    jsonData[name] = value;
                }
            });

Jquery数据回显

       $.ajax({
                        url: exModelUrl,
                        type: 'Get',
                        headers: window.PORTAL_COMMON.getAuthHeader(),
                        data: {
                            modelId: mergedJson.catalogConfigProps.ContentExtendModel,
                            dataType: "content",
                            dataId: mergedJson.contentId
                        },
                        success: function (data) {
                        // 主要是这里
                            $.each(data.data, function (i, field) {
                                $('form input[name="' + field.fieldName + '"]').val(field.value);
                                $('form select[name="' + field.fieldName + '"]').val(field.value);
                                $('form textarea[name="' + field.fieldName + '"]').val(field.value);
                            });
                        }
                    });