jquery常用实例
$("#returnTop").click(function ()
{ var speed=200;//滑动的速度 $('body,html').animate({ scrollTop: 0 }, speed); return false;
});
js判断手机还是电脑访问
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent))
{window.location.href="{:U('Mobile/index/index')}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
$.ajax跨域请求数据
服务器端
namespace Home\Controller;
use Think\Controller\RestController;
Class InfoController extends RestController {
public function rest() {
$trade = M("Trade");
$data = $trade->order('id desc')->limit(4)->select();
foreach($data as $k=>$v){
$data[$k]['time']=date('Y-m-d h:i',$v['create_time']);
}
echo $_GET['jsoncallback'] . "(".json_encode($data).")";
exit;
}
public function detail() {
$id=$_GET['id'];
$trade = M("Trade");
$data = $trade->where(array('id'=>$id))->find();
$data['time']=date('Y-m-d h:i',$data['create_time']);
echo $_GET['jsoncallback'] . "(".json_encode($data).")";
exit;
}
}
html页面端
$.ajax(
{
type:'get',
url : url,
dataType : 'jsonp',
jsonp:"jsoncallback",
success : function(data) {
var html='';
$.each('data',function(i,k){
html+='<div class="list clearfix fl"><a href="./detail.html?id='+data[i].id+'"><samp></samp><span class="opa8"></span><p class="tit">'+data[i].title+'</p></a></div>';
})
$(".case-list").append(html);
},
}
);
<script>
var a=window.location.href;
var id=a.split('=');
var url='http://www.weihom.com/index.php/home/info/detail/id/'+id[1];
$.ajax(
{
type:'get',
url : url,
dataType : 'jsonp',
jsonp:"jsoncallback",
success : function(data) {
$(".lsf_title").html("<b>"+data.title+"</b>");
$(".lsf_time").html(data.time);
$(".nr").html(data.content);
$("title").html(data.title);
},
}
);
var a=window.location.href;
var id=a.split('=');
var url='http://www.weihom.com/index.php/home/info/detail/id/'+id[1];
$.ajax(
{
type:'get',
url : url,
dataType : 'jsonp',
jsonp:"jsoncallback",
success : function(data) {
$(".lsf_title").html("<b>"+data.title+"</b>");
$(".lsf_time").html(data.time);
$(".nr").html(data.content);
$("title").html(data.title);
},
}
);
jquery常用实例的更多相关文章
- jQUery 常用实例
1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分.在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为“se ...
- jQuery常用插件与jQuery使用validation插件实现表单验证实例
jQuery常用插件 1,jQuery特别容易扩展,开发者可以基于jQuery开发一些扩展动能 2,插件:http://plugins.jquery.com 3,超厉害的插件:validation . ...
- JQuery常用实用的事件[较容易忽略的方法]
JQuery常用实用的事件 注:由于JQuery片段较多就没有用插入代码文本插入,请见谅!JQuery 事件处理ready(fn)代码: $(document).ready(function(){ ...
- jquery ajax实例教程和一些高级用法
jquery ajax的调用方式:jquery.ajax(url,[settings]),jquery ajax常用参数:红色标记参数几乎每个ajax请求都会用到这几个参数,本文将介绍更多jquery ...
- 《JQuery常用插件教程》系列分享专栏
<JQuery常用插件教程>已整理成PDF文档,点击可直接下载至本地查阅https://www.webfalse.com/read/201719.html 文章 使用jquery插件实现图 ...
- jquery 常用选择器和方法以及遍历(超详细)
jQuery 常用选择器和和方法 学习总结 一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍 二.jQuery 对象 1. jQuery ...
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
jQuery Ajax 实例 ($.ajax.$.post.$.get) 转 Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. ...
- JavaScript强化教程——jQuery AJAX 实例
什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML).简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据 ...
- jQuery AJAX实例
<html><head><title>jQuery Ajax 实例演示</title></head><script language= ...
随机推荐
- 以选项卡的故事扯扯js面向对象
在现在的网页中,选项卡(我自己这样子叫)是非常普遍的,也是比较基础,学了原型实现选项卡也挺久了,最近在学ES6,学了用类实现选项卡,今天就在此做个总结,别的废话也不多说. 以"貌" ...
- Vue学习1:实例及生命周期
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Python 新式类与经典类
新式类,经典类 查询匹配 广度查询 横着对每个类进行查询 深度查询 无视平级类,直接寻找下级类 #python 3.0 #新式类 广度查询 #经典类 广度查询 #python 2.0 #新式类 广度查 ...
- ORA-55617解决方法
昨天一测试环境出现异常ORA-55617: Flashback Archive "XXXXX" runs out of space and tracking on "XX ...
- 02: OpenStack
1.1 OpenStack各组件 1.Horizon(控制台),又名Dashboard 就是web展示界面操作平台,方便用户交互的 2.Nova(计算) 负责创建,调度,销毁云主机 3.Neutron ...
- Overture里如何添加震音记号
五线谱里的震音记号是指当一个或数个音以相同的时值反复奏响,为了减少乐谱写作中的工作量,而使用的一种省略记号.震音记号用短斜线表示,斜线的数目与演奏时的符尾数目相同. 震音可以分为单震音和复震音两种.单 ...
- 使用JS调用手机本地摄像头或者相册图片识别二维码/条形码
接着昨天的需求,不过这次不依赖微信,使用纯js唤醒手机本地摄像头或者选择手机相册图片,识别其中的二维码或者是条形码.昨天,我使用微信扫一扫识别,效果超棒的.不过如果依赖微信的话,又怎么实现呢,这里介绍 ...
- Jenkins介绍和安装及配合GitLab代码自动部署
Jenkins是什么? 基于JAVA的开源的自动化系统平台 加速自动化CI,CD任务及流水线,所有类型的任务:构建,测试,部署等 丰富的插件生态系统支持功能扩展,1400+插件和SCM,测试,通知,报 ...
- P4725 【模板】多项式对数函数
思路 考虑对ln求导后处理 根据复合函数的求导法则\(g'(f(x))=g'(x)f'(x)\) 得到 \[ \ln F(x) '= \frac{F'(x)}{F(x)} \] 最后对这个式子积分 \ ...
- 论文笔记:Real-Time MDNet
Real-Time MDNet ECCV 2018 2018-10-22 15:52:01 Paper:http://openaccess.thecvf.com/content_ECCV_2018/ ...