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

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

陶老实 其它
难度中级
时长 3小时20分
学习人数
综合评分9.40
97人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.4 逻辑清晰

  •         <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>


    查看全部
  • $(textbox).autocomplete(urlData,[options]);

    搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定,当文本框输入字符时,绑定后的插件将返回与字符相近的字符串提示选择。

    其中,textbox参数为文本框元素名称,urlData为插件返回的相近字符串数据,可选项参数options为调用插件方法时的配置对象。

    查看全部
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

        <head>

            <title>使用getJSON()方法异步加载JSON格式数据</title>

            <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>

            <link href="style.css" rel="stylesheet" type="text/css" />

        </head>

        

        <body>

            <div id="divtest">

                <div class="title">

                    <span class="fl">我最喜欢的一项运动</span> 

                    <span class="fr">

                        <input id="btnShow" type="button" value="加载" />

                    </span>

                </div>

                <ul></ul>

            </div>

            

            <script type="text/javascript">

                $(function () {

                    $("#btnShow").bind("click", function () {

                        var $this = $(this);

                        $.getJSON("https://www.imooc.com/data/sport.json",function(data){

                            $this.attr("disabled", "true");

                            $.each(data, function (index, sport) {

                                if(index==3)

                                $("ul").append("<li>" + sport["name"] + "</li>");

                            });

        

                        });

                    });

                });

            </script>

        </body>

    </html>


    查看全部
  • cookie插件调用:
    保存:$.cookie(key,value);

    读取:$.cookie(key);

    删除:$.cookie(key,null)

    可以很方便地通过cookie对象保存、读取、删除用户的信息,还能通过cookie插件保存用户的浏览记录。

    查看全部
  • $(linkimage).jqzoom({options})

    在调用jqzoom图片放大镜插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在校图片中移动时调用的方法,显示与小图片相同的大图片区域,从而实现放大镜的效果

    查看全部
  • $(linkimage).lightBox({options})

    可以用圆角的方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条,还能以自动播放的方式浏览图片

    查看全部
  • 调用格式:

    $(form).ajaxForm({options})

    查看全部
  • $(form).validate({options})

    其中form参数表示表单元素名称,options参数表示调用方式时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置

    查看全部
  • $(selector).ajaxStart(function())和$(selector).ajaxStop(function()):

    绑定ajax事件。ajaxStart()方法用于ajax请求发出前触发函数,ajaxStop()方法用于在ajax请求完成后触发函数。

    查看全部
  • jQuery.ajaxSetup([options])或$.ajaxSetup([options])方法可以设置ajax请求的一些全局性选项值。设置完成后,后面的ajax请求将不再需要添加这些选项值

    查看全部
  • ajax()方法加载服务器数据

    jQuery.ajax([settings])或$.ajax([settings])

    查看全部
  • serialize()方法:将表单中有name属性的元素值进行序列化,生成标准的URL编码文本字符串,直接可用于ajax请求。

    调用格式:$(selector).serialize()

    查看全部
  • $.post(url,[data],[callback])

    查看全部
  • getScript():

    jQuery.getScript(url,[callback])或者$.getScript(url,[callback])

    查看全部
  • jQuery.getJSON(url.[data],[callback])或$.getJSON(url,[data],[callback])

    查看全部

举报

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

微信扫码,参与3人拼团

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

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