jquary高级和ajax

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。

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

时间: 2024-10-11 01:24:48

jquary高级和ajax的相关文章

21. javacript高级程序设计-Ajax与Comet

1. Ajax与Comet 1.1 XMLHttpRequest对象 IE5是第一款引入XHR对象的浏览器,IE5中是通过MSXML库中的一个ActiveX对象实现的.因此在IE中可能存在MSXML2.XMLHttp, MSXML2.XMLHttp.3.0, MSXML2.XMLHttp.6.0,要支持旧浏览器,可以使用如下函数: function createXHR(){ if(typeof XMLHttpRequest != 'undefined'){ return new XMLHttpR

黑马day18 jquery高级特性&Ajax的load方法

介绍jquery中的load方法: (1).前面没有jquery.修饰,可以推断出他是一个普通的非全局函数(也就是说是一个局部函数):$.,$().,jquery.等修饰的就是全局函数,没有这些修饰的就是局部函数. (2).$(expr).load(url,data,callback); url:请求路径,绝对路径或者相对路径都可以. data: 请求参数,格式必须是key/value格式(json格式) callback:回调函数.function(data,textStatus,XMLHtt

JavaScript高级程序设计(第三版)学习笔记20、21、23章

第20章,JSON JSON(JavaScript Object Notation,JavaScript对象表示法),是JavaScript的一个严格的子集. JSON可表示一下三种类型值: 简单值:字符串,数值,布尔值,null,不支持js特殊值:undefined 对象:一组无序的键值对 数组:一组有序的值的列表 不支持变量,函数或对象实例 注:JSON的字符串必须使用双引号,这是与JavaScript字符串最大的区别 对象 { "name":"Nicholas"

ajax 技术

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. 它的作用就是通过ajax引擎(JS的XMLHttpRequest对象)实现客户端和服务器的数据传递. 客户端通过ajax向服务器发送请求的方式有两种,get和post,服务器把输出的内容通过ajax引擎返回给客户端.服务器输出的内容可以是echo出的内容,可以是HTML标签的内容,还可以是xml的对象形式,然后以ajax的responseT

ajax学习(二)-jquery的ajax方法总结

//ajax静态方法-ajax() //常用ajax属性总结 $.ajax({ url:"", async:false, dataType:"jsonp",//jsonp,json,text,html,script,xml data: {name:"John",location:"Boston"}, timeout:, type:,//get or post username:, password:, //事件 beforeS

Ajax与Comet的介绍与区别

Ajax(Asynchronous JavaScript + XML的简写)可以向服务器请求数据而无需卸载(刷新)页面,带来更好的用户体验. Ajax技术的核心是XMLHttpRequest对象(简称XHR). 一.XMLHttpRequest对象 /* 兼容IE早期版本 */ function createXHR(){ if (typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); } else if (

高性能javascript学习笔记系列(6) -ajax

参考 高性能javascript javascript高级程序设计 ajax基础  ajax技术的核心是XMLHttpRequest对象(XHR),通过XHR我们就可以实现无需刷新页面就能从服务器端读取数据 var xhr = new XMLHttpRequest(); //只支持IE7以及更高的版本 xhr.onreadystatechange = function() { if(xhr.readyState == 4) { if( (xhr.status >= 200 && xh

JavaScript(10)——Ajax以及跨域处理

Ajax以及跨域处理 哈哈哈,终于写到最后一章了.不过也还没有结束,说,不要为了学习而学习,恩.我是为了好好学习而学习呀.哈哈哈.正在尝试爱上代码,虽然有一丢丢的难,不过,我相信我会的! [Ajax] Ajax技术的核心是XMLHttpRequest对象(简称HXR).Ajax通信与数据格式无关,这种技术就是无须刷新页面即可从服务器取得数据,但不一定是XML数据. [XMLHttpRequest对象] IE5是第一款引入XHR对象的浏览器.XHR对象是通过MSXML库中的一个ActiveX对象实

最新JavaScript、Ajax典藏级学习资料下载分类汇总 (2011年12月21日更新)

其他网站开发相关资料            超强HTML和xhtml,CSS精品学习资料下载汇总                                               最新html5以及css3资源下载汇总                                               Dreamweaver 教程汇总 索引: JavaScript初学者及参考必备 Javascript高级进阶 AJAX (Asynchronous JavaScript and