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

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

陶老实 其它
难度中级
时长 3小时20分
学习人数
综合评分9.40
97人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.4 逻辑清晰
  • zoomType: 默认值为standard。如果设为reverse,在小图片中,移入鼠标时,所选区域高亮,非选中区域淡灰色。
    查看全部
  • 表单验证插件——validate 该插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下: $(form).validate({options}) 具体链接: 菜鸟教程:http://www.runoob.com/jquery/jquery-plugin-validate.html 注意:ruels:里面的那个email是表单控件的name,不是ID 参数 required:true 必须有值,不能为空 remote:url 可以用于判断用户名等是否已经存在,服务器端输出true,表示验证通过 minlength:6 最小长度为6 maxlength:16 最大长度为16 rangelength:长度范围 range:[10,20] 数值范围在10-20之间 email:true 验证邮件 url:true 验证URL网址 dateISO:true 验证日期格式'yyyy-mm-dd' digits:true 只能为数字 accept:'gif|jpg' 只接受gif或jpg为后缀的图片。常用于验证文件的扩展名 equalTo:'#pass' 与哪个表单字段的值相等,常用于验证重复输入密码 此外,我还根据项目实际情况扩展了几个验证,验证的代码在validate-ex.js,使用前需要先加载这个JS。它能提供以下验证: userName:true 用户名只能包括中文字、英文字母、数字和下划线 isMobile:true 手机号码验证 isPhone:true 大陆手机号码验证 isZipCode:true 邮政编码验证 isIdCardNo:true 大陆身份证号码验证 ip:true IP地址验证 最后 :写完的效果在慕课上面显示不出。还是复制到浏览器试一遍吧 阿西吧
    查看全部
  • 使用ajaxStart()和ajaxStop()方法 ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为: $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) 其中,两个方法中括号都是绑定的函数,当发送Ajax请求前执行ajaxStart()方法绑定的函数,请求成功后,执行ajaxStop ()方法绑定的函数。 //无论什么时候,当一个AJAX请求将要被发送时,jQuery会检查当前是否还有其他活跃的(未完成的)AJAX请求。如果在进程中没有找到其他活跃的AJAX请求,jQuery就会触发ajaxStart事件。此时,通过ajaxStart()函数绑定的所有事件处理函数都将被执行。ajaxStart()/ajaxStop()为全局函数。
    查看全部
  • 使用ajaxSetup()方法设置全局Ajax默认选项 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可选项options参数为一个对象,通过该对象设置Ajax请求时的全局选项值。 使用ajaxSetup()方法设置了Ajax请求时的一些全局性的配置选项后,在两次调用ajax请求服务器txt文件时,只需要设置url地址即可。
    查看全部
  • $.each(data, function (index, sport) data为json里的那个数组,index为对应数组的索引,sport为对应索引的值。 而这个索引对应的值sport在数组里又是个对象,我们要的是该对象的name属性的值,所以要这样写sport.name,而name又是字符串所以要变成sport["name"]
    查看全部
  • 使用ajax()方法加载服务器数据 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 参数settings为发送ajax请求时的配置对象,在该对象中: url表示服务器请求的路径 data为请求时传递的数据 dataType为服务器返回的数据类型 success为请求成功的执行的回调函数 type为发送数据请求的方式,默认为get。
    查看全部
  • 使用serialize()方法序列化表单元素值 使用serialize()方法可以将表单中有name属性的元素值进行序列化,生成标准URL编码文本字符串,直接可用于ajax请求。 $(selector).serialize() 注: serialize()函数用于序列化一组表单元素,将表单内容编码为用于提交的字符串。 serialize()函数常用于将表单内容序列化,以便用于AJAX提交。 序列化就是将一个对象的状态(各个属性量)的数据转化成二进制(俗称编码)保存起来,然后在适当的时候再获得。 举例: //用法一:将当前表单内容以POST请求的AJAX方式提交到"http://www.imooc.com" $(function(){ $("#btnAction").bind("click" , function(){ $.post("http://www.imooc.com" , $("form").serialize() , function(){ alert("ajax执行成功") }) }) })
    查看全部
  • 使用post()方法以POST方式从服务器发送数据 与get()方法相比,post()方法多用于以POST方式向服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下: $.post(url,[data],[callback]) 参数url为服务器请求地址,可选项data为向服务器请求时发送的数据,可选项callback参数为请求成功后执行的回调函数。 参数url为服务器请求地址,可选项data为向服务器请求时发送的数据,可选项callback参数为请求成功后执行的回调函数。
    查看全部
  • 使用get()方法以GET方式从服务器获取数据 使用get()方法时,采用GET方式向服务器请求数据,并通过方法中回调函数的参数返回请求的数据,它的调用格式如下: $.get(url,[callback]) 或jQuery.get( url [, data ] [,callback ] [, dataType ] ) url 类型:String 一个包含发送请求的URL字符串. data 类型:PlainObject or String 一个普通对象或字符串,通过请求发送给服务器。 success 类型:Function( PlainObject data, String textStatus, jqXHR jqXHR ) 当请求成功后执行的回调函数。 如果提供dataType选项,那么这个success选项是必须的, 但你可以使用null或jQuery.noop作为占位符。 dataType 类型:String 从服务器返回的预期的数据类型。默认:智能猜测(xml, json, script, text,html)。
    查看全部
  • 使用getScript()方法异步加载并执行js文件 使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件,它的调用格式如下所示: jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。 由于调用getScript()方法加载JavaScript格式文件后,它会自动执行该文件中的代码,因此,可以在文件中编写代码,将获取后的数据显示在页面中。
    查看全部
  • 使用getJSON()方法异步加载JSON格式数据 使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数据,并对获取的数据进行解析,显示在页面中,它的调用格式为: jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) 其中,url参数为请求加载json格式文件的服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。
    查看全部
  • 判断checkbox是否被选中: 1.$('#checkId').is(":checked");//选中返回true,未选中返回false
    查看全部
  • 使用load()方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为: load(url,[data],[callback]) 参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。 在参数url中,通过空格过滤需要加载的数据,空格右边就是元素过滤选择器。 比如.load("http://www.imooc.com/data/fruit_part.html li", .....),就是获取fruit_part.html中的li元素 默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。 如果提供的数据是对象,则使用 POST 方法;否则使用 GET 方法。
    查看全部
  • 使用load()方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为: load(url,[data],[callback]) 参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。
    查看全部
  • 竟然后面还有一个json 返回格式的参数。。。否则无法解析出name
    查看全部

举报

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

微信扫码,参与3人拼团

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

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