码迷,mamicode.com
首页 > Web开发 > 详细

jquary高级和ajax

时间:2019-02-21 21:37:22      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:初始   fas   get   orm   on()   val   servlet   rip   down   

jquary高级:

1、动画

1、三种方式显示与隐藏元素
1、默认显示和隐藏的方式

1、show([speed],[easing],[fn]):显示

[speed],[easing],[fn]
speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000)

easing:(Optional) 用来指定切换效果,
默认是"swing",:
可用参数"linear":

fn:在动画完成时执行的函数,每个元素执行一次。

2、hide([speed],[easing],[fn]):隐藏

3、toggle([speed],[easing],[fn]):切换

2、滑动显示和隐藏

slideDown([speed],[easing],[fn])
slideUp([speed,[easing],[fn]])
slideToggle([speed],[easing],[fn])

3、淡入淡出显示和隐藏
fadeIn([speed,[easing],[fn]])
fadeOut([speed,[easing],[fn]])
fadeToggle([speed,[easing],[fn]])


2、遍历:

1.js的遍历
for(初始化值;循环条件;步长)
2、jquery的遍历
1、jq对象.each(callback)

//jq方式一:
citys.each(function (index,element) {
alert(index+":"+element.innerHTML)
})
2、$.each(obj,callback)

$.each(citys,function (index,element) {
alert(index+":"+element.innerHTML)
})
3、for……of:jq 3.0版本以后 提供的新方式
for(元素对象 of 容器对象)

for (element of citys){
alert(element.innerHTML);
}

3、事件绑定
jq对象.事件方法(callback);
注意:其实jq的方法的 js的方法 就是差一个on

ajax:

ajax:
异步的javaScript 和 xml

1、异步和同步:在客户端和服务器互相通信的基础上

同步:客户端必须等待服务器的响应,在等待期间不能做其他操作

异步:客户端不必等待服务器的响应,在期间能做其他操作

2、Ajax是一种无需重新加载整个网页的情况下,可以更新部分网页的技术

好处:提升用户体验


入门步骤:

js:原生实现方式(今天作业)

jq:一共有5种 ,其中3种

$.ajax({}): 就是一个方法

语法:

$.ajax({

url:"/ajaxServlet",//请求路径
type:"post",//请求方式
data:"username=coco&age=12",//请求参数
success:function(obj){ //请求成功 执行方法
//obj 表示 接收 服务器回写的内容
},error:function(){//请求失败 执行方法

},
dataType:"json" //服务器响应的数据格式

})

$.post()
jQuery.post(url, [data], [callback], [type])
$.get()
jQuery.get(url, [data], [callback], [type])

url:待载入页面的URL地址

data:待发送 Key/value 参数。

callback:载入成功时回调函数。

type:返回内容格式,xml, html, script, json, text, _default。

jquary高级和ajax

标签:初始   fas   get   orm   on()   val   servlet   rip   down   

原文地址:https://www.cnblogs.com/lyhhary/p/10415211.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!