js和thinkphp5路由拼接一个实例

 1      $.ajax({
 2             type:"get",
 3             dataType:"json",
 4             url:"/home/index/ajax_page_data/cate_id/{$cate_id}/page/"+(++page),
 5             success:function(data){
 6              if(data.nodata!=1){
 7                   var result =‘<div class="row">‘;
 8                   for ( var i = 0; i <data.length; i++) {
 9                      result += ‘‘
10                             + ‘    <div class="col s6">‘
11                             + ‘        <a href="{:url(‘home/index/info‘)}/id/‘+data[i].id+‘">‘    -->亮点在这
12                             + ‘        <div class="shop">‘
13                             + ‘            <img src="‘+data[i].video_thumb+‘" class="lists_img" >‘
14                             + ‘            <h6><a href="{:url(‘home/index/info‘)}/id/‘+data[i].id+‘">‘+data[i].title+‘</a></h6>‘
15                             + ‘            <span>2017-06-06</span>‘
16                             + ‘        </div>‘
17                             + ‘        </a>‘
18                             + ‘    </div>‘
19                     }
20                         result+= ‘</div>‘;
21                    $(".up:last-child").append(result);
22              }else{
23                  alert("没有更多数据");
24              }
25             }
26         });
时间: 2024-10-11 20:53:18

js和thinkphp5路由拼接一个实例的相关文章

dropzone拖动文件上传在thinkphp5中应用一个实例

参考:Dropzone的使用方法 点击查看dropzone中文文档 后台用的INSPINIA框架的模板,里面有,dropzone.js dropzone是一个可以拖文件上传的js. 拖进去,就上传了.我在页面上,写了一个保存已经上传的文件的image3,image4. 这就需要改写一下dropzone.js. 代码如下: 前端: <div class="ibox-content">     <p>         <strong>組圖上傳</s

vue.js路由参数简单实例讲解------简单易懂

vue中,我们构建单页面应用时候,一定必不可少用到vue-router vue-router 就是我们的路由,这个由vue官方提供的插件 首先在我们项目中安装vue-router路由依赖 第一种,我们提供命令行来安装 npm install vue-router --save 第二种,我们直接去官方github下载 https://github.com/vuejs/vue-router 路由参数设置 1,实例化一个路由,然后路由映射表中的地址带参数,这个参数就是路由的参数 接着给映射表中的路由设

js取整数与取余数实例详解

分享下js取整数.取余数的方法. 1.丢弃小数部分,保留整数部分parseInt(5/2)2.向上取整,有小数就整数部分加1 Math.ceil(5/2)3,四舍五入.Math.round(5/2)4,向下取整 Math.floor(5/2)Math 对象的方法FF: Firefox, N: Netscape, IE: Internet Explorer方法 描述 FF N IEabs(x) 返回数的绝对值 1 2 3acos(x) 返回数的反余弦值 1 2 3asin(x) 返回数的反正弦值

ArcGIS API for JavaScript开发环境搭建及第一个实例demo

原文:ArcGIS API for JavaScript开发环境搭建及第一个实例demo ESRI公司截止到目前已经发布了最新的ArcGIS Server for JavaScript API v3.9,它提供了更为丰富而又强大的功能.     一.安装前准备 1.ArcGIS Server for JavaScript API各版本下载地址:http://support.esrichina-bj.cn/2011/0223/960.html,我们选择下载最新的"ArcGIS API for Ja

js实现的div拖动效果实例代码

js实现的div拖动效果实例代码:div的拖动效果在很多效果中都有应用,当然还有很多附加的功能,本章节只是给拖动效果,并介绍一下它的实现过程.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <t

js实现的运动框架代码实例

js实现的运动框架代码实例:元素的运动效果在大量的场景中都有应用,最典型的一个就是网站的客服系统,一般都会随着滚动条运动,本章节就介绍一下js的一个运动框架实例,希望能够给需要的朋友带来借鉴作用.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwh

js对数组元素大小排序实例代码

js对数组元素大小排序实例代码:在实际应用中,有时候需要对数组中的元素按照大小来进行排序,当然是先排序的方法有多种,比如使用数组对象自带的sort()方法,本章节再来分享一种其他的方式,先看代码实例: var org=[5,4,3,2,1,6,7,9,8,10]; var tempArr=new Array(); for(var i=0;i<org.length;i++) { if(i==0) { tempArr[0]=org[0]; //把第一个元素放到新序列 } else { for(var

【React Native开发】React Native For Android环境配置以及第一个实例

转载请标明出处: http://blog.csdn.net/developer_jiangqq/article/details/50456967 本文出自:[江清清的博客] (一)前言 FaceBook早期开源发布了React Native For IOS,终于在2015年9月15日也发布了ReactNative for Android,虽然Android版本的项目发布比较迟,但是也没有阻挡了广大开发者的热情.可以这样讲在2015年移动平台市场上有两个方向技术研究比较火,第一种为阿里,百度,腾讯

js变量与字符拼接学习

js中的变量拼接一开始真的很不习惯,很容易出现语法错误. 在这几天的工作中,基本上都这么拼. <option value='+变量+'>'+变量+'</option>,这种拼法就是变量放在'+ +'中. 还有就是 onclick="change_order(\''+变量+'\',\''+变量+'\')"    ,这是点击时间执行函数并且要加两个参数的情况. 现在的前端框架都会提供本地储存的函数,能够实现页面间数据的转移,应该是应用了html5的特性,上一个项目的