后端交互代码

1、ajax(异步)

1.1 设置csrf验证码

<meta name="csrf-token" content="{{ csrf_token()}}">

1.2 ajax代码

$.ajax({
                // 设置csrf
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                // 请求路径
                url:'{{url('NER_rec_api')}}',
                // post发送数据
                data:{"text":$('#NER_text').val()},
                // 数据传递类型post
                type:'post',
                // 数据类型文本    
                dataType:'text',
                // 执行成功后的回调函数    
                success:function(msg){

                    // 处理函数
                    array1 = JSON.parse(msg);
                    console.log(array1);
                    if (array1.length==[]){
                        layui.use('layer', function(){
                            var layer = layui.layer;
                            layer.open({
                                title: '错误'
                                ,content: '输入文本规范不对，结果为[]'
                            });

                        });
                        return false;
                    }

                    for(let index in array1) {
                        add_html='<tr>' +
                            '                    <td>'+array1[index][0]+'</td>' +
                            '                    <td>'+array1[index][1]+'</td>' +
                            '                </tr>'
                        $("#NER_table").append(add_html);
                        console.log(index,array1[index]);
                    };

                }
            })

2、CURL请求外部接口

2.1 POST请求

    # 待传数据
    $text="------文本数据-------";

    # 启动curl
    $ch = curl_init();

    # 设置访问url
    curl_setopt($ch, CURLOPT_URL, "http://140.143.139.117:8081");

    # 将curl_exec()获取的信息以文件流的形式返回，而不是直接输出
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

    # 声明使用POST方式来进行发送
    curl_setopt($ch, CURLOPT_POST, 1);

    //发送什么数据
    curl_setopt($ch, CURLOPT_POSTFIELDS, $text);

    //忽略header头信息
    //        curl_setopt($ch, CURLOPT_HEADER, 1);

    # 获得结果
    $handles = curl_exec($ch);

    # 关闭curl
    curl_close($ch);

    # 将结果解析成json对象  
    $data = json_decode($handles,true);

    return $data;

2.2 GET请求

        # 启动curl
        $ch = curl_init();

        # 设置访问url,参数传递在URL后面加，例如？x=1&y=2
        curl_setopt($ch, CURLOPT_URL, "http://192.168.1.102:8081");

        # 将curl_exec()获取的信息以文件流的形式返回，而不是直接输出
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

        # 获得结果
        $handles = curl_exec($ch);

        # 关闭curl
        curl_close($ch);
        $data = json_decode($handles,true);
        return $data;

3、前端移动的布局强行布局

<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=0.3125">

4、全部替换js

var reg = new RegExp(arr[i] , "g" )
word = word.replace(reg,'<span1 class="gaoliang">' + arr[i] + '</span1>');

5、弹层实现

 $(".NER_Dection").on("click",function () {

    console.log($(this).attr("data-value"));
    layer.open({
         type: 2,
         title:"当前选择文本",
         shadeClose:true,
         skin: 'layui-layer-rim', //加上边框
         area: ['800px', '500px'], //宽高
         content:"{{url("NER_Dection")}}?content={{json_encode($json->entities)}}"
         });
    return false;
})

6、JSON 解析中文乱码解决

$content =  json_encode($content,JSON_UNESCAPED_UNICODE);
$content =  json_decode($content,JSON_UNESCAPED_UNICODE);

7、响应式布局

 (function(){
        var rate=screen.width/1200;
        console.log(rate);
        document.write('<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale='+rate+'">');
    })();

8、倘若table超过父容器大小

    table{
            table-layout: fixed;
        }