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= ...
随机推荐
- 前端学习历程--localstroge
一. localstorage的特性 1.需要ie8+ 2.浏览器中都会把localStorage的值类型限定为string类型,这个在对我们日常比较常见的JSON对象类型需要一些转换 3.local ...
- jQuery实现购物车物品数量的加减
基于jquery的一款代码,实现购物车数据的加减,在淘宝网.京东商城购物时时经常见到的一个功能,点击文本框两侧的“+”与“-”,就可以增加或减少文本框内的数字值,每次步长为1,当然这个是可以自己设置的 ...
- 学习使用scrapy itemspipeline过程
开始非常不理解from https://www.jianshu.com/p/18ec820fe706 找到了一个比较完整的借鉴,然后编写自己的煎蛋pipeline 首先在items里创建 image_ ...
- vmstat性能分析介绍
vmstat命令是最常见的Linux/Unix监控工具,可以展现给定时间间隔的服务器的状态值,包括服务器的CPU使用率,内存使用,虚拟内存交换情况,IO读写情况.这个命令是我查看Linux/Unix最 ...
- rman copy相关
1.db_file_name_convert备份保持原来文件名一致 backup as copy db_file_name_convert=('/u01/app/oracle/oradata/slnn ...
- SSM-网站后台管理系统制作(4)---Ajax前后端交互
前提:Ajax本身就为前后端交互服务的,实现功能:用户输入信息,实时判断用户的情况,这也是现在登录界面普遍流行的做法.前端js通过注释识别Controller层,该层查询返回,和之前Google验证码 ...
- non-ZenoAndAcceptingLocation
PATTERN系列的番外篇 对non-Zeno的概念进行了明晰 accepting:if infinitely often the same state non-Zeno:if time diverg ...
- 一些有趣的 js 包
https://github.com/octalmage/robotjs Node.js桌面自动化.控制鼠标,键盘和屏幕. http://robotjs.io
- SAP PI
PI功能很是强大,且系统很稳定. 1.什么是PI PI = Process IntegrationSAP PI是一项集成的技术和平台 1.为sap和non-sap之间提供集成 2.为A2A ...
- Python标准模块--concurrent.futures(进程池,线程池)
python为我们提供的标准模块concurrent.futures里面有ThreadPoolExecutor(线程池)和ProcessPoolExecutor(进程池)两个模块. 在这个模块里他们俩 ...