为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础(五)一Ajax应用与常用插件

陶老实 其它
难度中级
时长 3小时20分
学习人数
综合评分9.40
97人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.4 逻辑清晰
  • ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为: $(selector).ajaxStart(function())和$(selector).ajaxStop(function())
    查看全部
  • 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup([options])或$.ajaxSetup([options])
    查看全部
  • 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。
    查看全部
  • 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings])
    查看全部
  • 使用serialize()方法可以将表单中有name属性的元素值进行序列化,生成标准URL编码文本字符串,直接可用于ajax请求,它的调用格式如下: $(selector).serialize()
    查看全部
  • post()方法多用于以POST方式向服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,
    查看全部
  • 通过$.get()方法向服务器成功请求数据后,在回调函数中通过data参数传回请求的数据,并以data.name格式访问数据中各项的内容
    查看全部
  • 使用serialize()方法可以将表单中有name属性的元素值进行序列化,生成标准URL编码文本字符串,直接可用于ajax请求,
    查看全部
  • cookie插件——cookie 使用cookie插件后,可以很方便地通过cookie对象保存、读取、删除用户的信息,还能通过cookie插件保存用户的浏览记录,它的调用格式为: 保存:$.cookie(key,value);读取:$.cookie(key),删除:$.cookie(key,null) 其中参数key为保存cookie对象的名称,value为名称对应的cookie值。 例如,当点击“设置”按钮时,如果是“否保存用户名”的复选框为选中状态时,则使用cookie对象保存用户名,否则,删除保存的cookie用户名  语法:$.cookie(名称,值,[option])    (1)读取cookie值    $.cookie(cookieName)         cookieName:要读取的cookie名称。    示例:$.cookie("username");      读取保存在cookie中名为的username的值。    (2)写入设置Cookie值:    $.cookie(cookieName,cookieValue);  cookieName:要设置的cookie名称,cookieValue表示相对应的值。    示例:$.cookie("username","admin");  将值"admin"写入cookie名为username的cookie中。       $.cookie("username",NULL);   销毁名称为username的cookie    (3) [option]参数说明:      expires:  有限日期,可以是一个整数或一个日期(单位:天)。  这个地方也要注意,如果不设置这个东西,浏览器关闭之后此cookie就失效了      path:    cookie值保存的路径,默认与创建页路径一致。      domin:   cookie域名属性,默认与创建页域名一样。  这个地方要相当注意,跨域的概念,如果要主域名二级域名有效则要设置  ".xxx.com"      secrue:   一个布尔值,表示传输cookie值时,是否需要一个安全协议。
    查看全部
  • autocomplete(详解) http://www.jb51.net/article/24219.htm
    查看全部
  • 图片放大镜插件——jqzoom 使用方法: 1.引入jQuery与jqzoom,jqzoom.css 2.准备两张一大一小大小相同的图片,小图片放在<img>标签的"src"属性里,给img标签加个<a>标签,<a>标签的"href"属性链向大图片 其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象: zoomType,默认值:’standard’,另一个值是’reverse’,是否将原图用半透明图层遮盖。 zoomWidth,默认值:200,放大窗口的宽度。 zoomHeight,默认值:200,放大窗口的高度。 xOffset,默认值:10,放大窗口相对于原图的x轴偏移值,可以为负。 yOffset,默认值:0,放大窗口相对于原图的y轴偏移值,可以为负。 position,默认值:’right’,放大窗口的位置,值还可以是:’right’ ,’left’ ,’top’ ,’bottom’。 lens,默认值:true,若为false,则不在原图上显示镜头。 imageOpacity,默认值:0.2,当zoomType的值为’reverse’时,这个参数用于指定遮罩的透明度。 title,默认值:true,在放大窗口中显示标题,值可以为a标记的title值,若无,则为原图的title值。 showEffect,默认值:’show’,显示放大窗口时的效果,值可以为: ‘show’ ,’fadein’。 hideEffect,默认值:’hide’,隐藏放大窗口时的效果: ‘hide’ ,’fadeout’。 fadeinSpeed,默认值:’fast’,放大窗口的渐显速度(选项: ‘fast’,‘slow’,‘medium’)。 fadeoutSpeed,默认值:’slow’,放大窗口的渐隐速度(选项: ‘fast’,‘slow’,‘medium’)。 showPreload,默认值:true,是否显示加载提示Loading zoom(选项: ‘true’,‘false’)。 preloadText,默认值:’Loading zoom’,自定义加载提示文本。 preloadPosition,默认值:’center’,加载提示的位置,值也可以为’bycss’,以通过css指定位置。
    查看全部
  • 图片灯箱插件——lightBox $(linkimage).lightBox({options}) 其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。 $('.divPics a').lightBox({ overlayBgColor: "#666", //图片浏览时的背景色 overlayOpacity: 0.5, //背景色的透明度 containerResizeSpeed: 600 //图片切换时的速度 })
    查看全部
  • 表单插件——form 通过表单form插件,调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的options对象获取服务器返回数据,调用格式如下: $(form). ajaxForm ({options}) 其中form参数表示表单元素名称;options是一个配置对象,用于在发送ajax请求过程,设置发送时的数据和参数。 其中options的属性,重要的解释一下: target 返回的结果将放到这个target下 url 如果定义了,将覆盖原form的action type get和post两种方式 dataType 返回的数据类型,可选:json、xml、script clearForm true,表示成功提交后清除所有表单字段值 resetForm true,表示成功提交后重置所有字段 iframe 如果设置,表示将使用iframe方式提交表单 beforeSerialize 数据序列化前:function($form,options){} beforeSubmit 提交前:function(arr,$from,options){} success 提交成功后:function(data,statusText){} error 错误:function(data){alert(data.message);} ajaxForm()或ajaxSubmit()方法都可以向服务器发送表单数据
    查看全部
  • 使用ajax()方法加载服务器数据 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 参数settings为发送ajax请求时的配置对象,在该对象中: url表示服务器请求的路径 data为请求时传递的数据 dataType为服务器返回的数据类型 success为请求成功的执行的回调函数 type为发送数据请求的方式,默认为get。
    查看全部
  • 使用serialize()方法可以将表单中有name属性的元素值进行序列化,生成标准URL编码文本字符串,直接可用于ajax请求,它的调用格式如下: $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身。
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery中的ajax应用 2、jQuery中的插件 3、jQuery中的工具类函数

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!