[Panda][Laravel]踩坑 ajax 异步通讯---搜索功能需求

Posted 2021-04-15 西秀见闻录一隐藏的秘密之地

     今天做到的一件事，使用ajax进行异步通讯，想到的是如何对多维数组进行操作。

    早上起来主要研究的是关于panda页面的搜索功能，Search功能，以及要实现的功能。

    想要实现的功能

    1.进行检索标签或者匹配字符获取网址信息，比如照片，匹配很多的自定义的，返回很多关于图片的，美图的网址，然后可以进行访问。

    2.衍生功能，输入一个网址，进行简略获取首页页面，那个网址的页面，抓包性数据。

    3.衍生功能，输入信息获取资源路径，接口GOOGLE等上的资源。

    4.衍生功能，接口百度云盘等，资源路径。

    5.存档功能，进行搜索的资源存档，存档时限天数，如果天数到了，那么自动更新。限定性存档内容，比如已经定性的不会改变的博客，需要更长时间刷新。

    6.知识文档类型的知识，更注重以文字的形式保存下来。[截取内容以及必要的文件]设定。

实现功能：ajax的异步通讯：首先ajax知识简单的了解，在php端实现性并不是十分清楚。第二使用的时候需要定一些类型，比如类型contont，type，data，data类型，success 和error，method。

$.ajax({  
   url: "{{url('ucenter/saveTrain')}}", 
   type: "post",
    dataType: "json", 
    data: {"content": content,,'_token': "{{csrf_token()}}"},                
    success: function (result) {    
        if(result.status == 'true'){                        
                      layer.msg(result.msg);                       
                      location.href = '{{url('ucenter/train')}}';                   
                      }else{
                       layer.msg(result.msg); 
                       return false; 
   }
  },

如此类型ajax，然后这是为了AJAX和Laravel的配置，url是路由的一个功能，type的勒些，dataType是数据类型，data是数据，success是成功函数，result是返回值，result.status是返回的一个status对象。而data中有个_token和{{csrf_token()}}是获取的csrf_token()进行防止csrf攻击的一个功能。

今天踩的坑就是我不是想用post传递数据，而是使用get方法，然后!在每一次运行的时候，提示的都是成功，但是没有返回值，或者说，返回值都是undefined的未定义的。最后找到的原因是，参数传递的时候，laravel的路由功能需要加一个参数比如？{id？}什么的。

  第二个踩坑是使用了laravel的新功能，mix的使用npm run dev或者npm run watch进行解析资源文件中的sass文件或者js文件更或者vue.js的文件放置于public，vue的不是。然后网站引入这些css或者js文件。主要要点，配置解析的环境是应用网站的根目录下的webpack。

    第三个踩坑关于laravel进行设定具体位置，比如定位于右边，固定大小什么功能，对于bootstrap是没有这功能的，需要自己定css文件进行配置。

    最后对于数组的处理的思路，每一个数组类型是用map来进行确定，比如sites确定第一级，对应全部网站，第二级是site，对应网站名，网站类型等等，如果取出的话，是一级一级的去取出来。