引用js
<script type=”text/javascript” src=”js/jquery-1.11.2.min.js”></script>
Ajax请求
例子1:$.ajax({
type:”post”,
url:”loggingIos_findUserLoggingYears.action”,
data:{},
dataType:”json”,
success:function(data){
},
error:function(){
}
});
例子2:$.ajax({
type:”post”,
url:”loggingIos_prePhoto.action”,
data:{“PrevPhotosParams”:JSON.stringify(PrevPhotosParams)},
dataType:”html”,
//contentType: “application/html”,
success:function(html){
$(“#disWin”).html(html);
$(“#disWin”).show(200,function() {
scrollTop = $(“body”).scrollTop(); // body设置为fixed之后会飘到顶部,所以要动态计算当前用户所在高度
scrollTop = scrollTop * (-1);
$(“body”).css({“top”: scrollTop, “overflow”: “hidden”, “position”: “fixed”});
});
},
error:function(){}
});
$(“#back”).click(function() {
$(“#disWin”).hide(200);
$(“body”).css({“top”: “auto”, “overflow”: “auto”, “position”: “static”});
scrollTop = scrollTop * (-1);
window.scrollTo(0, scrollTop);
setTimeout(function() {
$(“#disWin”).empty();
}, 200);
});
例子3:$.ajax({
type: “POST”,
url: “loggingIos!readSearLogging.action”,
data: {
},
dataType: “json”,
cache: false,
async: false,
traditional: true,
success: function(resultData) {
},
error:function(){
}
});
添加事件/删除事件
<div class=”add-btn” onclick=”uploadStar()” >测试</div>
//添加上传按钮事件
$(“.add-btn”).attr(“onclick”,”uploadStar()”);
//移除上传按钮事件
$(“.add-btn”).removeAttr(“onclick”);
//添加上传按钮事件
if(typeof($(“.add-btn”).attr(“onclick”)) == “undefined”){
$(“.add-btn”).attr(“onclick”,”uploadStar()”);
}
事件on/bind/unbind的使用与传参
<div class=”test”>test</div>
<div class=”del”>删除事件</div>
<div class=”add”>添加事件</div>
<script type=”text/javascript”>
$(function(){
function fun(){
alert(“test”);
}
//bind 和 on 都可以
//$(“.test”).on(“click”,fun);
$(“.test”).bind(“click”,fun);
$(“.del”).bind(“click”,function(){
$(“.test”).unbind(“click”,fun);
alert(“删除成功”);
});
$(“.add”).bind(“click”,function(){
$(“.test”).bind(“click”,fun);
alert(“添加成功”);
});
});
</script>
$(“.loadingFlower”).on(“click”,”,{name:”123″,id:”234″,tel:”345″},callback)
function callback(event){
console.log(event.data.name); //参数1 =>123
console.log(event.data.id); //参数2 =>234
console.log(event.data.tel); //参数3 =>345
}