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

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

陶老实 其它
难度中级
时长 3小时20分
学习人数
综合评分9.40
97人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.4 逻辑清晰
  • jQuery.getScript(url,[callback])或$.getScript(url,[callback])
    查看全部
  • jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback])
    查看全部
  • 使用https jquery load函数
    查看全部
  • ajax
    查看全部
  • 1
    查看全部
  • 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指定位置。
    查看全部
  • .load("url",function() $.get("url",function(data) $.getJSON("url",function(data) $.getScript("url",function()
    查看全部
  • 使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为: load(url,[data],[callback]) 参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。
    查看全部
  • .load("url",function() $.get("url",function(data) $.getJSON("url",function(data) $.getScript("url",function()
    查看全部
  • containment:"parent" 限制元素只能在父类中移动
    查看全部
  • 使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为: load(url,[data],[callback])
    查看全部
  • url:'https://www.imooc.com/data/check.php', data: { num: $("#txtNumber").val() }, type:"POST", 还修改了第一行
    查看全部
  • <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script> .load("https://www.imooc.com/data/fruit_part.html", function () {
    查看全部
  • 1) minChars(Number):在触发autocomplete前用户至少需要输入的字符数.Default: 1,如果设为0.在输入框内双击或者删除输入框内内容时显示列表. 2)max (Number):autocomplete下拉显示项目的个数,Default: 10. 3)autoFill (Boolean):要不要在用户选择时自动将用户当前鼠标所在的值填入到输框.Default: false. 4) mustMatch (Booolean): 如果设置为true,autoComplete只会允许匹配的结果出现在输入框,所有当用户输入的是非法字符时将会得不到下拉框.Default: false. 5) matchContains (Boolean): 决定比较时是否要在字符串内部查看匹配,如ba是否与foo bar中的ba匹配.使用缓存时比较重要.不要和autofill混用.Default: false. 6) scrollHeight (Number): 自动完成提示的卷轴高度用像素大小表示 Default: 180 7) formatItem (Function): 为每个要显示的项目使用高级标签.即对结果中的每一行都会调用这个函数,返回值将用li元素包含显示在下拉列表中. Autocompleter会提供4个参数(row, i, max,value): 返回的结果数组, 当前处理的行数(即第几个项目,是从1开始的自然数), 当前结果数组元素的个数即项目的个数,最后一个是查询到的项. Default: none, 表示不指定自定义的处理函数,这样下拉列表中的每一行只包含一个值. 8) formatMatch对每一行数据使用此函数格式化需要查询的数据格式. 返回值是给内部搜索算法使用的. 参数值和formatItem的参数一样。 9) formatResult和formatItem类似,但可以将将要输入到input文本框内的值进行格式化.同样有三个参数,和formatItem一样.Default: none,表示要么是只有数据,要么是使用formatItem提供的值.
    查看全部
  • <script type="text/javascript"> $(function () { $("#btnCheck").bind("click", function () { $.ajax({ url:'https://www.imooc.com/data/check.php', data: { num: $("#txtNumber").val() }, type:'post', success: function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); }) }); </script>
    查看全部

举报

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

微信扫码,参与3人拼团

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

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