首页
学习
活动
专区
圈层
工具
发布

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

方式从服务器获取数据  1-5 使用post()方法以POST方式从服务器发送数据  1-6 使用serialize()方法序列化表单元素值  1-7 使用ajax()方法加载服务器数据  1-8 使用...(url,[callback])或$.getScript(url,[callback]) 使用get()方法以GET方式从服务器获取数据 使用get()方法时,采用GET方式向服务器请求数据,并通过方法中回调函数的参数返回请求的数据...使用ajaxSetup()方法设置全局Ajax默认选项 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup...ajaxStart()和ajaxStop()方法绑定了动画元素,因此,在开始发送Ajax请求时,元素显示,请求完成时,动画元素自动隐藏。...在列表元素中,鼠标在列表项元素移动时,可以自定义其获取焦点(focus)时的背景颜色,即设置表项元素选中时的背景色.

19.2K20

jQuery ajax() 方法

jQuery.get() 使用 HTTP GET 请求从服务器加载数据。 jQuery.getJSON() 使用 HTTP GET 请求从服务器加载 JSON 编码数据。...jQuery.getScript() 使用 HTTP GET 请求从服务器加载 JavaScript 文件,然后执行该文件。 .load() 从服务器加载数据,然后把返回到 HTML 放入匹配元素。...jQuery.param() 创建数组或对象的序列化表示,适合在 URL 查询字符串或 Ajax 请求中使用。 jQuery.post() 使用 HTTP POST 请求从服务器加载数据。...将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。...不会自动缓存结果。"json": 返回 JSON 数据 。"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ?

4.4K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery Ajax 全解析

    2. jQuery.get( url, [data], [callback] ):使用GET方式来进行异步请求 参数: url (String) : 发送请求的URL地址. data (Map) :...请求的选项配置信息: 3. jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (String) : 发送请求的...详细参数选项见下。 jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?"...如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。...将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。

    10.9K10

    jQuery插件jQueryUI

    themes/base/jquery-ui.css">基本用法 jQuery UI提供了一系列易于使用的UI组件和效果,包括对话框、拖拽、排序、自动完成、日期选择器等。...通过设置autoOpen选项为false,使对话框初始时不显示。使用modal选项将对话框设置为模态对话框,即禁止用户操作其他页面元素。在对话框初始化之后,我们通过点击按钮来打开对话框。...对话框中的按钮通过buttons选项进行定义,并指定点击按钮后的处理逻辑。常用UI组件和效果 以下是jQuery UI中一些常用的UI组件和效果:对话框(Dialog):用于创建自定义对话框。...自动完成(Autocomplete):提供输入自动完成的功能。日期选择器(Datepicker):选择日期的工具。除了上述组件和效果外,还有很多其他组件和效果可供选择和使用。...,通过替换主题文件的URL,可以应用不同的主题样式。

    5.1K20

    前端架构师之01_JQuery

    ]) 通过HTTP请求加载远程数据 底层应用 $.ajaxSetup(options) 设置全局Ajax默认选项 参数url表示待请求页面的URL地址。...选项名称 说明 url 处理Ajax请求的服务器地址 data 发送Ajax请求时传递的参数,字符串类型 success Ajax请求成功时所触发的回调函数 type 发送的HTTP请求方式,如get、...方法2: function(参数列表){ // 实现插件的代码 …… } }); 将自定义函数附加到jQuery命名空间下,从而作为一个公共的全局函数使用。...7.3 jQuery UI jQuery UI是在jQuery基础上新增的一个库。 特点: 拥有强大的可扩展功能,具有吸引人的漂亮页面,能够更轻松地在网页中添加专业级的UI元素。...ery-ui.min.js"> > 在实际项目中若只做中文开发,则每次使用时都配置这些属性会比较麻烦,建议将中文相关的配置保存到一个JavaScript文件中,每次使用时直接引用即可。

    3.1K00

    jQuery Mobile的默认配置项详解,jQuery Mobile的中文配置api,jQuery Mobile的配置说明,配置大全

    属性,那么该元素会自动降低 jQuery Mobile //增强(jQuery Mobile 元素增强指的是 jQuery Mobile 对网页基本元素在样式上的丰富、交互上的增强以及相应的 HTML...linkBindingEnabled:true, //布尔值 默认值:true jQuery Mobile 会自动绑定锚标记到文档中, //设置该选项为 false 将阻止所有的锚点击处理,...//需要注意的是,当你使用了 data-命名空间后,你需要更新 jQuery Mobile css 文件的选择器,格式如下 //.ui-mobile [data-custom-role=page],...subPageUrlKey:"ui-page" ,// 字符串 默认值:"ui-page" URL 参数用来指向由组件生成的子页面(如嵌套列表页), //该 URL 会被解释成如 example.html...&ui-page=subpageIdentifier 的形式,而在 &ui-page= 之前的哈希值会被 jQuery Mobile 向此 URL 地址做 Ajax 请求。

    2.2K20

    一个小时学会jQuery

    3.2.1、通过id获取元素 在CSS中经常使用id来控制元素,在jQuery中获取元素时,也使用同样方法。与CSS一样,在id前面加上#号。...如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型。使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面。...比如说,调用对象上的.abort()可以在请求完成前挂起请求。   5.5、参数大全 $.ajax(url,[settings]) url:一个用来包含发送请求的URL字符串。...将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。...设置 processData 选项为 false,防止自动转换数据格式。

    22.4K71

    FullCalendar 日历插件中文说明文档

    jquery的ui主题,如果设置为true,则需要加载jquery ui相关css和js文件。 ...查看演示 false buttonIcons 设置header中使用的prev, next等变量对应按钮的样式,只有当theme为true时才有效,如果你调用了jQuery ui样式但又不想使用它的图标样式...true startParam 在使用URL方式获取events数据源的时候, 自动插入到URL中的参数, 表示当前需要抓取的日程事件的起始时间。...第二个参数和定义Calendar时候使用的url参数一致。 removeEventSource method,移除一个日程事件源,该源上获取得到的日程时间也将被马上从日历中移除。...日程事件拖动和缩放 拖动和缩放功能依赖于jQuery ui的draggable和resizable,所以在使用时要提前加载jQuery ui相关插件。

    38.1K90

    前端必知的ajax

    尝试一下>> 2. jQuery.get( url, [data], [callback] ):使用GET方式来进行异步请求 参数: url (String) :  发送请求的URL地址....3. jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (String) : 发送请求的URL地址....详细参数选项见下。 jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?"...(这个我不是很懂) 参数列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址。...将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。

    4.2K40

    ajax 使用 与 缓存问题

    详细参数选项见下。 jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?"...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。...如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。...将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。...请认真阅读上面的参数列表,如果你要用jQuery来进行Ajax开发,那么这些参数你都必需熟知的。

    3.3K20

    求超大文件上传方案( BS )

    第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify文件上传组件,在项目使用的jslib项目中找到了BJUI框架集成jQuery...自动生成的随机函数名             , url: this.Config["UrlProcess"]             , data: param             , success...自动生成的随机函数名             , url: this.Config["UrlDel"]             , data: param             , success: ...removeCompleted true 是否自动将已完成任务从队列中删除,如果设置为false则会一直保留此任务显示。...removeTimeout 3 如果设置了任务完成后自动从队列中移除,则可以规定从完成到被移除的时间间隔。

    1.7K20

    WEB入门之十九 UI

    微件:主要是一些界面的扩展,包括Accordion(手风琴)、AutoComplete(自动完成)、Dialog(对话框)、Slider(滑块)、Tabs(选项卡)、DatePicker(日历)、ProgressBar...文件,该文件不是必须的,它的作用是可以把页面上原始的input按钮自动封装成jQuery UI中的Button。...选项卡的标题使用列表实现,选项卡的身体使用div实现,并且通过标题列表中的超链接把标题和对应的身体关联起来,即超链接href属性的值是下面某个div的id。...由于show函数的第1个参数是效果名,所以我们把所有的效果名都放在了下拉列表框中。用户选择某个选项后, 上述代码中的斜体部分调用了show函数,把下拉列表框中选中项的值作为第一个参数使用。...主题 ​需求说明​ 从jQuery官方网站上下载一个UI主题,然后把前面的实训任务改成这个主题。

    2.3K10

    Python全栈之jQuery笔记

    DOM对象: 使用JS的方式获取的元素就是JS对象(DOM对象). jQuery对象: 使用jQuery的方式获取的元素就是jQuery对象....: 传入需要获取的属性名,返回对应的属性值 var 变量 = $(selector).attr("属性名"); jQuery方法attr(),也提供回调函数.回调函数有两个参数:被选元素列表中当前元素的下标...使用该插件的步骤: 1.引入jQuery文件 2.引入插件(如果有用到css的) 3.使用插件 1.1.2jQuery.lazyload.js 懒加载插件 1.1.3jQuery.ui.js...教程 基本使用: 1.引入jQueryUI的样式文件 2.引入jQuery 3.引入jQueryUI的JS文件 4.使用jQueryUI功能 使用jQuery.ui.js...这些工作是重复乏味的,为了优化开发流程,提高工作效率,前端自动化工具就出现了,自动化工具可以通过配置,自动完成这些工作.

    6.7K40

    详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该函数接受两个参数...如果需要发送同步请求,请将此选项设置为 false。 注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。...将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。 查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。...,   type: "POST" }); 一些你不得不知道的方法 写AJAX肯定离不开从页面获取相应的值。...配合选择符操作,你可以轻易获取选项组、输入框、按钮等元素的值。

    5.3K100

    Windows环境下Git配置及使用

    ——> TortoiseGit汉化(可选步骤) 如果没有特别注明,选择默认选项,下一步即可 2.1、安装Git 2.1.1、安装包下载完成后,双击进入安装界面 ?...3.4、配置账户及地址 配置账户及地址,选择Git选项卡,查看提示,提示意味着权限问题,此权限需要联系管理员授权,授权的用户才能通过填写用户信息后从相应git版本库中获取和提交代码 ?...选择“配置源”为“全局”,填写用户信息,设置用户名、邮箱和签名的密钥内容,如果暂时在本地使用就只需将用户名和邮箱添加,而Signing key会自动生成,此处的用户名和邮箱是管理员分配给您的 3.5、本机生成密钥...同样的,需要把公钥需要提供给管理员添加至git服务器 4、使用 4.1、命令行操作 1、远程仓库相关命令 检出仓库:$ git clone git://github.com/jquery/jquery.git...5)忽略一些文件、文件夹不提交 在仓库根目录下创建名称为“.gitignore”的文件,写入不需要的文件夹名或文件,每个元素占一行即可,如 target bin *.db git pull:相当于是从远程获取最新版本并

    2.9K30
    领券