liziyu 发布的文章

通常情况下url只能传递字符串参数,无法传递对象。现在有了解决办法:

var objDemo = {
      name: "liziyu",
      age: 12,
      content: "abc"
    };
    var jsonObj = JSON.stringify(objDemo);
    jsonObj = encodeURI(jsonObj);
    let url = "http://localhost:8080/demo?id=" + jsonObj;
    //console.log(url);
    jsonObj = decodeURI(jsonObj);
    jsonObj = JSON.parse(jsonObj);
    //console.log(jsonObj);
}

说明:
JSON.stringify(objDemo)将对象转换为 JSON 字符串。
encodeURI()函数可把字符串作为 URI 进行编码。
decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。
JSON.parse()方法用于将一个 JSON 字符串转换为对象。

注意:
1、被传递的对象内容不能太大(比如正文内容)否则会报错如下:

Request-URI Too Long
The requested URL's length exceeds the capacity limit for this server.

2、通常情况下如果是两个独立页面间传递的话,都是传到控制器,然后控制器通过模板变量赋值给模板,做页面渲染。

本文转自:https://blog.csdn.net/baidu_39812199/article/details/104492133

$.ajax({
          //请求数据格式见:https://www.layui.com/doc/modules/tree.html
          url: "{:url('content.Category/menu')}",
          type: 'GET',
          success: function (dataList) {
           //点击节点新窗口跳转
           tree.render({
           elem: '#categoryMenuTree',
           data: dataList,
           isJump: true,  //link 为参数匹配
           //利用回调 使url在name为articleIframe的iframe中显示
           click: function (layero, index) {
           //console.log(layero.data.href);
           myhref = {"ew-href" : layero.data.href};
           $(".layui-tree-txt").attr(myhref).removeAttr("href");
        }
    });
    }
});

//利用回调 使urlnamearticleIframeiframe中显示

click: function (layero, index) {
//console.log(layero.data.href);
myhref = {"ew-href" : layero.data.href};
$(".layui-tree-txt").attr(myhref).removeAttr("href"); 
}

重点我记的是这里

myhref = {"ew-href" : layero.data.href};
$(".layui-tree-txt").attr(myhref).removeAttr("href");
动态修改表单属性并赋值

废话不多说,上代码:
html之iframe:

<iframe name="menuFrame" id="menuFrame" onload="reinitIframe()" style="overflow:visible;"
       scrolling="no" height="100%" width="100%">
</iframe>

javascript:

    window.onresize = function () {
        reinitIframe();
    }
    function reinitIframe(){
        var iframe = document.getElementById("menuFrame");
        try{
            var bHeight = iframe.contentWindow.document.body.scrollHeight;
            var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
            var height = Math.min(bHeight, dHeight);
            iframe.height = height+50;
            // console.log(iframe.height);
        }catch (ex){}
    }
    // 定时触发
    window.setInterval("reinitIframe()", 200);

关键在这里window.setInterval("reinitIframe()", 200);

本文转自:https://blog.csdn.net/qq_28333105/article/details/91449921

JQueryhttps://jquery.cuishifeng.cn/
xm-selecthttps://maplemei.gitee.io/xm-select/#/basic/use
treetable-layhttps://gitee.com/whvse/treetable-lay/wikis/pages
layui-soul-tablehttps://saodiyang.gitee.io/layui-soul-table/
OPTablehttps://hbangmao.gitee.io/OPTable/layui-op-table/demo/index.html
Dtreehttp://www.wisdomelon.com/DTreeHelper/
eleTreehttps://layuiextend.hsianglee.cn/eletree/

layui 第三方组件平台https://fly.layui.com/extend/

错误提示

Access to XMLHttpRequest at 'http://localhost:8080/api/user/login' from origin 'http://localhost

解决方案

1、HTML部分

ajax 请求加入 contentType: "application/x-www-form-urlencoded"
请求如下:

$.ajax({
            type: "post",
            url: 'url',
            contentType: "application/x-www-form-urlencoded",
            data: {"gameCode": 106, type: "2",version:1,uid:1},
            dataType: "json",
            success: function (data,status) {
                console.log(data);
            }
        });

2、PHP部分

PHP 文件中加入请求头部 header ('Access-Control-Allow-Origin: *') ;

<?php 
    header('Access-Control-Allow-Origin: *');
    $arr = [
        array('id'=>1,'title'=>'one1'),
        array('id'=>2,'title'=>'one2'),
        array('id'=>3,'title'=>'one3'),
        array('id'=>4,'title'=>'one4'),
    ];
    echo json_encode($arr);
 ?>

3、请求数据

微信截图_20201011010842.png

文章转自:https://learnku.com/articles/32041

<script type="text/javascript" src="/static/admin/libs/tinymce/tinymce.min.js"></script>
<script>
    layui.use(['form', 'layer'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        // 渲染富文本编辑器
        tinymce.init({
            selector: '#content_edit',
            height: 400,
            branding: false,
            language: 'zh_CN',
            plugins: 'code print preview fullscreen paste searchreplace save autosave link autolink image imagetools media table codesample lists advlist hr charmap emoticons anchor directionality pagebreak quickbars nonbreaking visualblocks visualchars wordcount',
            toolbar: 'fullscreen preview code | undo redo | forecolor backcolor | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | outdent indent | numlist bullist | formatselect fontselect fontsizeselect | link image file emoticons charmap anchor pagebreak codesample | ltr rtl',
            toolbar_drawer: 'sliding',
            images_upload_url: '{:url("upload", ["upType" => "editor"])}',
            //images_upload_base_path:'/',
            convert_urls: false,
            file_picker_types: 'file,image,media',
            file_picker_callback: function (callback, value, meta) {
                //文件分类
                var filetype='.pdf, .txt, .zip, .rar, .7z, .doc, .docx, .xls, .xlsx, .ppt, .pptx, .mp3, .mp4';
                //后端接收上传文件的地址
                var upurl='{:url("Ajax/upload", ["upType" => "editor"])}';
                //为不同插件指定文件类型及后端地址
                switch(meta.filetype){
                    case 'image':
                        filetype='.jpg, .jpeg, .png, .gif, .jpeg';
                        upurl='{:url("upload", ["upType" => "editor"])}';
                        break;
                    // case 'media':
                    //     filetype='.mp3, .mp4';
                    //     upurl='upfile.php';
                    //     break;
                    case 'file':
                        filetype='.docx, .doc, .xls, .xlsx, .ppt, .pptx, .pdf, .zip, .rar';
                        upurl='{:url("upload", ["upType" => "editor"])}';
                        break;
                    default:
                }
                //模拟出一个input用于添加本地文件
                var input = document.createElement('input');
                input.setAttribute('type', 'file');
                //input.setAttribute('accept', filetype); 禁用扩展
                input.click();
                input.onchange = function() {
                    var file = this.files[0];
                    var xhr, formData;
                    xhr = new XMLHttpRequest();
                    xhr.withCredentials = false;
                    xhr.open('POST', upurl);
                    xhr.onload = function() {
                        var json;
                        if (xhr.status !== 200) {
                            failure('HTTP Error: ' + xhr.status);
                            return;
                        }
                        json = JSON.parse(xhr.responseText);
                        if (!json || typeof json.location !== 'string') {
                            failure('Invalid JSON: ' + xhr.responseText);
                            return;
                        }
                        callback(json.location, { title: file.name });
                    };
                    formData = new FormData();
                    formData.append('file', file, file.name );
                    xhr.send(formData);
                };
            },
            init_instance_callback: function (editor) {
                // 编辑器初始化完成以后的
                layer.closeAll('loading');
            }
        });

</script>

callback(json.location, { title: file.name });这里容易出错,原文是 callback(json.location);js报错。

HTML部分:

<form>
    <textarea id="content_edit" name="content" style="display:none"></textarea>
</form>

JS部分:

<script>
    layui.use(['form', 'layedit'], function () {
        var $ = layui.jquery;
        var form = layui.form;
        var layedit = layui.layedit;
        var content = layedit.build('content_edit'); //建立编辑器

     /* 监听表单提交 */
        form.on('submit(formSmsSubmit)', function (data) {
            data.field.content = layedit.getContent(content);
            $.ajax({
                url: "{:url('xxx')}",
                type:"POST",
                data: data.field,
                dataType:'json',
                success: function (res) {
                    if (res.code === 200) {
                        layer.msg(res.msg, {icon: 1});
                    } else {
                        layer.msg(res.msg, {icon: 2});
                    }
                },
                error:function(){
                    layer.msg('提交失败', {icon: 2});
                },
            });
            return false;
        });
</script>

人体器官的最爱和最怕:

最爱:
​1.肺的最爱——雪梨
2.胃的最爱——萝卜和山药
3.心的最爱——大豆和坚果

4.肾的最爱——黑豆与韭菜
5.肝的最爱——枸杞和菊花
6.眼睛最爱——胡萝卜

7.胆囊最爰——亚麻籽油
8.肠道最爱——薯类与杂粮
9.胰腺最爱——清淡易消化

最怕
​1.肺的最怕——香烟
2.胃的最怕——寒凉
3.心的最怕——太咸

4.肾的最怕——熬夜
5.肝的最怕——油脂
6.眼睛最怕——手机

7.胆囊最怕——不吃早餐
8.肠道最怕——胡吃海喝
9.胰腺最怕——暴饮暴食