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= ...
随机推荐
- RNA-seq基本流程
https://www.2cto.com/net/201801/714420.html
- Nginx+keepalived 双机热备(主从模式)
负载均衡技术对于一个网站尤其是大型网站的web服务器集群来说是至关重要的!做好负载均衡架构,可以实现故障转移和高可用环境,避免单点故障,保证网站健康持续运行.关于负载均衡介绍,可以参考:linux负载 ...
- 高度自适应不能触发transition的解决方法
1. 前言 在我们不能确定一个元素的高度的时候,要使用transition过渡,是不会触发的,比如一个p标签 内容行数不固定 我们可能就要初始 height: 0 ; 过渡到 height: au ...
- dart字符串处理
1.字符串创建(1)使用单引号,双引号创建字符串(2)使用三个引号或双引号创建多行字符串(3)使用r创建原始raw字符串(转义字符等特殊字符会输出出来,而不会自动被转义) (1)例如:String s ...
- WINDBG常用方法
前言:windbg大家都很熟悉,它是做windows系统客户端测试的QA人员很应该掌握的定位程序崩溃原因的工具, 网上也有很多资料,但是真正适合QA阅读和实用的资料不多,我把我认为最重要最应该掌握的结 ...
- activiti5/6 系列之--流程复用技术 callActivity
定义:当流程执行到callActivity,会创建一个新分支,它是到达调用节点的流程的分支. 这个分支会用来执行子流程,默认创建并行子流程,就像一个普通的流程. 上级流程会等待子流程完成,然后才会继续 ...
- [C++ Primer Plus] 第5章、循环和关系表达式(二)课后习题
1.编写一个要求用户输入两个整数的程序,将程序将计算并输出这两个整数之间(包括这两个整数)所有的整数的和.这里假设先输入较小的整数,例如如果用户输入的是2和9,则程序将指出2-9之间所有整数的和为44 ...
- 多台linux主机间免密码登录
即在一台主机上登录另一台主机. 有2台linux主机A.B.A输入命令ssh B的ip地址以连接B,发现需要输入B的登录密码,怎样不需要输入密码呢? 步骤1: 在主机A中,输入ssh-keygen - ...
- react中使用antd遇到的问题
1.less使用报错 less配置修改一般都是1个修改1个增加 test: /\.(css|less)$/, // 修改 // 增加 { loader: require.resolve('less-l ...
- 8、zabbix监控方式及分布式监控(04)
zabbix支持的监控方式 zabbix所能够显示的且可指定为监控接口类型的监控方式: Agent passive active SNMP:Simple Network Management Prot ...