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= ...
随机推荐
- Cloud-init
cloud-init用于在创建虚拟机时通过元数据服务对虚拟机基本配置,包括常见的主机名,用户,密码等等.同时用户可以通过user_data自定义一些数据对虚拟机进行配置,可以有配置文件cloud-co ...
- sitecore开发入门之Sitecore字典结构最佳实践
使用Sitecore时,一个重要的主题是如何为您的网站处理不同的语言和区域.Sitecore对此的回答是使用字典项,它基本上只代表键/值定义.但是,这个字典项可以设置为具有不同的语言版本,这几乎允许您 ...
- 51Nod 1085 背包问题 (01背包)
在N件物品取出若干件放在容量为W的背包里,每件物品的体积为W1,W2……Wn(Wi为整数),与之相对应的价值为P1,P2……Pn(Pi为整数).求背包能够容纳的最大价值. 收起 输入 第1行,2个 ...
- 20190402 管道符,分号,单引号,双引号,&&的使用
:分号叫顺序执行 格式:命令:命令 && :前一条命令执行成功,后面命令继续执行:前面命令执行失败,后者不执行 格式:命令+空格&&空格+命令 || :两管道逻辑执行, ...
- 写Java代码分别使堆溢出,栈溢出
首先要搞清楚堆栈里放的什么东西: 栈存储运行时声明的变量——对象引用(或基础类型, primitive)内存空间,堆分配每一个对象内容(实例)内存空间. 一个变量可以先后指向多个对象实例:数组.链表等 ...
- spring初体验 一之helloworld
今天开始学习spring,每天都会将自己学习的一些内容,或是一些总结以博客的形式记录下来,方便自己以后回顾,如果能给他人学习带来丁点的帮助那也是最好不过了.本系列博文的spring学习是基于4.0版本 ...
- CSS粘住固定底部的5种方法
本文主要介绍一个Footer元素如何粘住底部,使其无论内容多或者少,Footer元素始终紧靠在浏览器的底部.我们知道,当内容足够多可以撑开底部到达浏览器的底部,如果内容不够多,不足以撑开元素到达浏览器 ...
- datetime字符串中含T
json序列化datetime类型,返回给前端进行展示,字符串带T 例如:var time = 2018-08-08T09:07:04.767 => time.substr(0, 16).r ...
- beyond compare 免费版
链接:https://pan.baidu.com/s/10lPUEpFPZU76HRbJfbZ2ZA 提取码:r2go
- 更改npm淘宝源,并设置cnpm
一.通过命令配置1. 命令 npm config set registry https://registry.npm.taobao.org2. 验证命令 npm config get registry ...