【js进阶 14 jquery的ajax有哪些函数和事件（多练）】的更多相关文章

js进阶 14 jquery的ajax有哪些函数和事件（多练）

js进阶 14 jquery的ajax有哪些函数和事件(多练) 一.总结 一句话总结:常用:load.ajax.post.get.getScript().getJSON().表单序列化,ajax事件这8个板块. 二.jquery的ajax有哪些函数和事件 JAX是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新.如果没有jQuery,AJAX编程还是有些难度的.通过jQuery AJAX方法,能够使用HTTP Get和HTTP Post 从远程服务器上请求文本.HTML…

js进阶 14-7 jquery的ajax部分为什么需要对表单进行序列化

js进阶 14-7 jquery的ajax部分为什么需要对表单进行序列化 一.总结 一句话总结:如果用ajax传递表单的数据,如果不进行表单的序列化,要一个参数一个参数的写,太麻烦,序列化的话,一句代码搞定.data:$('form').serialize(),这样一句话解决复杂的表单ajax的post传值过程. 1.表单序列化函数是什么? $(selector).serialize()和serializeArray() 24 <script> 25 $(function(){ 26 $('f…

js进阶 14-1 jquery的ajax系列中的load方法的作用是什么

js进阶 14-1 jquery的ajax系列中的load方法的作用是什么 一.总结 一句话总结:jQuery load()方法作用是从服务器加载数据,是一个简单但强大的AJAX方法. 1.load函数的必选参数是什么(根据功能想)? 必选参数就是要加载页面的url,也可以选择加载文件的哪一个部分 下面的代码时直接加载test.html 的 .p2部分 20 $('#test').load('test.html .p2') 2.ajax如何加载别的页面(.html)? 直接用load方法即可 l…

js进阶 13-6 jquery动画效果相关常用函数有哪些

js进阶 13-6 jquery动画效果相关常用函数有哪些 一.总结 一句话总结:animate(),stop(),finish(),delat()四个. 1.stop()方法的基本用法是什么(stop()当然也可以停止所有的)? 终止当前动画,但是同元素后面的动画会接着执行,比如在队列动画中,终止的话只终止了当前的动画. 30 $('#btn2').click(function(){ 31 //$('#div1').stop() 32 //$('#div1').stop(true) 33 $(…

js进阶 14-2 如何用ajax验证登陆状态（这里用load方法）

js进阶 14-2 如何用ajax验证登陆状态(这里用load方法) 一.总结 一句话总结:$('#test').load('test.php?password=1234560'),这样就get方式提交了密码. 1.load函数的三个参数分别是什么? 都有一个参数是方法完成时的执行函数,第二个参数是传递到后台的数据,第一个参数是url .load()从服务器加载数据,然后把返回到HTML放入匹配元素. 语法:load(url,data,function(response,status,xhr))…

js进阶 12-15 jquery如何实现点击button显示列表，点击其它位置隐藏列表

js进阶 12-15 jquery如何实现点击button显示列表,点击其它位置隐藏列表 一.总结 一句话总结:在button中阻止事件冒泡. 1.如何咋button中阻止事件冒泡(两种方法)? event.stopPropagation()和return false 31 $("#btn").click(function(){ 32 // alert('#btn') 33 $('ul').show() 34 //event.stopPropagation() 35 return fa…

js进阶 11-24 jquery如何实现选项卡的制作

js进阶 11-24 jquery如何实现选项卡的制作 一.总结 一句话总结:ul>li做选项卡的选项卡头,多个div做选项卡的内容,点到对应的li,就切换到对应的div,用index()获取li索引,与div联系. 1.如何获取一个元素所在父亲中同类孩子的索引? index()方法 53 $('#content div').eq($li.index(this)).show().siblings().hide() 2.如何选择除自己之外的所有同级? 没必要用not()方法,用siblings()…

js进阶 13 jquery动画函数有哪些

js进阶 13 jquery动画函数有哪些 一.总结 一句话总结: 二.jquery动画函数有哪些 原生JavaScript编写动画效果代码比较复杂,而且还需要考虑兼容性.通过jQuery,我们使用简单几句代码,即可轻松实现各种动画效果.之前我们讲过使用CSS3实现动画,它比使用jQuery实现动画效果更加简单,不过jQuery实现动画会更加的灵活,可以实现更加复杂的动画效果. 显示和隐藏 控制元素的的显示和隐藏是最基本的动画技术. show()显示被选的元素 语法:$(selector).sh…

js进阶 13-8 jquery如何实现侧边栏

js进阶 13-8 jquery如何实现侧边栏 一.总结 一句话总结:先是把侧边栏设置为left为-100px,隐藏起来,jquery自定义动画animate里面的改变元素的距左边的宽度left,slide系列动画是改变元素的高:$(this).animate({left:'0px'}):$(this).animate({left:'-100px'}): 二.如何实现侧边栏 1.相关知识 侧边栏 案例描述:具有滑动隐藏显示效果的侧边栏. 2.代码 <!DOCTYPE html> <htm…

js进阶 13-5 jquery队列动画如何实现

js进阶 13-5 jquery队列动画如何实现 一.总结 一句话总结:同一个jquery对象,直接写多个animate()就好. 1.什么是队列动画? 比如说先左再下,而不是左下一起走 2.怎么实现队列动画? a.可以考虑用animate的动画结束函数来实现,但是这样的话太麻烦,一则嵌套容易出错,二则不适合多重队列动画animate(params,[speed],[easing],[fn]) 25 $('#btn2').click(function(){ 26 $('#div1').anima…