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

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

陶老实 其它
难度中级
时长 3小时20分
学习人数
综合评分9.40
97人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.4 逻辑清晰
  • jq图片放大镜插件--jqzoom 在调用jqzoom图片放大镜插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在小图片中移动时,调用该插件的jqzoom()方法,显示与小图片相同的大图片区域,从而实现放大镜的效果,调用格式如下: $(linkimage).jqzoom({options}) 其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。 options={ zoomWidth:xxx, zoomHeight:xxx, zoomType:"reverse" }
    查看全部
  • jq的图片灯箱插件:该插件可以用圆角的方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条,还能以自动播放的方式浏览图片,调用格式如下: $(linkimage).lightBox({options}) 其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。
    查看全部
  • jQ的form插件:将表单提交转换为ajax请求 方法1、$("form").ajaxForm(callback/{options})方法,实现ajax方式向服务器提交表单数据,options是一个配置对象,设置发送时的数据和参数;还可以提供回调函数当服务器处理成功时的操作$("form").ajaxForm(function(){//some code}) 2、$("form").ajaxSubmit(callback/{options}),options提供多种配置参数,具体用法参考书:锋利的jquery
    查看全部
  • 引入的validation插件默认语言是英文,若要使用中文提示,可引入validate提供的中文信息库:jquery.validation.messages_cn.js
    查看全部
  • jq的表格验证插件:validation html中需要引入外部文件:jquery,jquery的validation插件文件; 使用方法: 1、class属性方法:在js中为元素调用validate方法:$(selector).validate(),设置要添加验证的表单控件的类名为:reqired/email/url 限制长度可以设置属性:minlength="number"; 2、引入一个新jquery插件jquery.metadata.js: 两种方法:1.将$(selector).validate()改为$(selector).validate({meta:"validate"});然后将验证规则全部写到元素的class属性中如:class="{validate:{required:true,minlength:2}}"; 2.设置元素属性name实现行为与结构分离如(下面的rules中的username,email均是对应元素的name值):$(selector).validate({ rules:{ username:{ required:true, minlength:2 }, email:{ required:true, email:true, }, url:"url", } })
    查看全部
  • 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可选项options参数为一个对象, 通过该对象设置Ajax请求时的全局选项值。
    查看全部
  • 使用$.each(data,function(infoIndex,info){})循环遍历数据
    查看全部
    1 采集 收起 来源:编程练习

    2016-12-29

  • 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为配置对象, 在该对象中, url表示服务器请求的路径, data为请求时传递的数据, dataType为服务器返回的数据类型, success为请求成功的执行的回调函数, type为发送数据请求的方式,默认为get。
    查看全部
  • $(selector).ajaxStart(function(){})/$(selector).ajaxStop(function(){}) 两个方法用来设置ajax请求前后的操作
    查看全部
  • $.ajaxSetup()方法用来配置ajax请求的全局性配置,再次调用ajax请求时只需要设置不同的url即可
    查看全部
  • $.ajax()请求 语法:$.ajax(options) options是多项参数,以key/value形式存在 如:$.ajax({ url:"url", type:"get/post", data:{key:value},(obj/string) dataType:"XML/text/php/json/jsonp/script", success:function(data,textStatus){}, ... })
    查看全部
  • 序列化方法:$(selector).serialize()序列化表单元素值后作为参数用于ajax请求;如 $.post(url,$(selector).serialize(),function(data){})
    查看全部
  • get/post请求 1、$.get(url,[,callback]):从服务器请求数据并处理 2、$.post(url,[,data],[,callback]),发送数据到服务器制定地址,回调函数里处理返回的结果,参数通常是要发给服务器的键值对;
    查看全部
  • load()方法中的回调函数里面还可以有三个回调参数: 1、responseText:请求返回的内容 2、textStatus:请求的状态(success/error/notmodified/timeout); 3、XMLHttpresquest对象
    查看全部
  • jq ajax请求数据的方法 1、load()方法:语法$(selector).load(url,[,data],[,callback]) url中可以写入选择器筛选要请求的数据如"http://www.imooc.com/test.html .para"表示请求改地址中的类名为para的数据; 可选参数data:传参表示post请求,无参数表示使用get请求; callback函数:数据请求成功后的操作
    查看全部

举报

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

微信扫码,参与3人拼团

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

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