文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

JavaScript学习笔记（五）——Ajax

，其核心就是一个JavaScript对象和相关函数。...加载异步数据 全局函数getJSON（） 全局函数getScript（） 可以通过getScript动态载入脚本，即在网页初始化时只要载入必要文件，其他的用的时候再载入。...callback也是可选参数，回调函数 type可选参数，指定了返回内容的形式，默认为HTML形式 $.post() jQuery.post(url [,data] [,callback] [,type...]); 参数同get serialize()序列化表单 在jQuery中，可以使用serialize函数将表单数据序列化为键值对，创建url编码文本字符串进行提交。...ajaxSubmit() 适用于以事件机制提交表单，如通过超链接、图片的click事件等提交表单。使用时只需要指定表单的action属性即可，不需要提供submit按钮。

2.4K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    也谈 setTimeout

    jQuery 中的轮询 轮询，可能是 setTimeout 最典型的用法，jQuery 的兼容IE的 document ready 机制就用到了这个： // jquery 1.9.1 (function...这些问题概括来讲是这样：动态往 dom 树中插入元素， 然后立刻、马上操作这个元素（比如选择文本框的文本，改变 select 的 index 等）， 普通方式写代码通常不起作用，但是放入 setTimeout...那么，为什么放入 setTimeout( func, 0 ) 中就可以呢？ 其实答案已经出来了， setTimeout 会等到重绘完成才执行代码，自然无往而不利。...为了理解定时器的内部机制，有一点必须着重强调：延迟时间的精确度无法保证，比如延迟 10ms ，回调函数不一定在 10ms 后执行。...setTimeout 总是会在其回调函数执行后延迟 10ms （或者更多，但不可能少），而 setInterval 总是 10ms 执行一次，而不管 它的回调函数执行多久。

    1.5K10

    也谈 setTimeout

    jQuery 中的轮询 轮询，可能是 setTimeout 最典型的用法，jQuery 的兼容IE的 document ready 机制就用到了这个： // jquery 1.9.1 (function...这些问题概括来讲是这样：动态往 dom 树中插入元素， 然后立刻、马上操作这个元素（比如选择文本框的文本，改变 select 的 index 等）， 普通方式写代码通常不起作用，但是放入 setTimeout...那么，为什么放入 setTimeout( func, 0 ) 中就可以呢？ 其实答案已经出来了， setTimeout 会等到重绘完成才执行代码，自然无往而不利。...为了理解定时器的内部机制，有一点必须着重强调：延迟时间的精确度无法保证，比如延迟 10ms ，回调函数不一定在 10ms 后执行。...setTimeout 总是会在其回调函数执行后延迟 10ms （或者更多，但不可能少），而 setInterval 总是 10ms 执行一次，而不管 它的回调函数执行多久。

    1.7K100

    三、jQuery中的Ajax

    callback 请求完成时的回调函数。会将请求数据的结果作为回调函数的参数传入。 type 设置返回数据内容的格式。值为xml、html、script、json、text和_default。...请求的数据 data: { name: '666' }, // 服务器返回的数据类型 dataType: 'json', // 响应成功时的回调函数...回调函数会返回脚本的字符串类型，可以通过eval函数进行调用。...异步提交表单的步骤 获取表单组件的内容 根据表单数据构建请求数据 通过Ajax异步提交 表单序列化 serialize()方法 将表单组件对应的数据值序列化为指定格式的字符串内容。...serializeArray()方法 将表单组件对应的数据值序列化为JSON格式的数据内容。 表情需对需要获取的值设置name属性 <!

    4.2K20

    jQuery学习笔记之jQuery的Ajax（3）

    它的结构是: `$.get(url[, data][, callback][, type]);` 2、$.get() 方法的回调函数只有两个参数: data 代表返回的内容, 可以是 XML 文档, JSON...中的全局函数, 而 find() 等方法都是对 jQuery 对象进行操作的方法 load()方法 1、load()方法是 jQuery 中最为简单和常用的 Ajax 方法, 能载入远程的...如果没有参数传递, 采用 GET 方式传递, 否则采用 POST 方式 5、对于必须在加载完才能继续的操作, load() 方法提供了回调函数, 该函数有三个参数: 代表请求返回内容的 data...jQuery提供了相应的方法帮助开发者解决这个问题。 2、serialize()方法 该方法作用于一个jQuery对象，可以将DOM元素内容序列化为字符串。...JQuery 加载并解析 XML 1、JQuery 可以通过 $.get() 或 $.post() 方法来加载 xml.

    1.1K30

    JqueryForm的使用方式

    默认值：null（服务器返回responseText值） beforeSubmit 表单提交前被调用的回调函数。”...beforeSubmit”回调函数作为一个钩子（hook），被提供来运行预提交逻辑或者校验表单数据。如果 “beforeSubmit”回调函数返回false，那么表单将不被提交。”...beforeSubmit”回调函数带三个调用参数：数组形式的表单数据，jQuery表单对象，以及传入ajaxForm/ajaxSubmit中的Options对象。...username', value: 'jresig' }, { name: 'password', value: 'secret' } ] 默认值：null success 表单成功提交后调用的回调函数...如果提供”success”回调函数，当从服务器返回响应后它被调用。然后由dataType选项值决定传回responseText还是responseXML的值。

    2.8K20

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

    第1章 jQuery 实现Ajax应用 本章介绍jQuery中支持Ajax的各种方法和函数，阐述通过Ajax交互的过程与常用方法,重点介绍核心方法$.ajax()的运用技巧。...(url,[callback])或$.getScript(url,[callback]) 使用get()方法以GET方式从服务器获取数据 使用get()方法时，采用GET方式向服务器请求数据，并通过方法中回调函数的参数返回请求的数据...UI插件与元素绑定后，可以通过调用draggable()方法，实现各种拖曳元素的效果，调用格式如下： $(selector). draggable({options}) options参数为方法调用时的配置对象...的工具函数，能使对象或数组按照key/value格式进行序列化编码，该编码后的值常用于向服务端发送URL请求，调用格式为： $. param (obj); 参数obj表示需要进行序列化的对象，该对象也可以是一个数组...，整个函数返回一个经过序列化编码后的字符串。

    17.8K20

    Jquery 常见案例

    在页面的ready函数里使用ajaxForm来给你页面上的表单做这些AJAX提交的准备工作。 ajaxForm 需要零个或一个参数。这唯一的一个参数可以是一个回调函数或者是一个可选参数对象。...唯一的一个参数可以是一个回调函数或者是一个可选参数对象。 是否可以连环调用: 是。...'beforeSubmit'函数调用时需要3个参数：数组形式的表单数据，jQuery 对象形式的表单对象，可选的用来传递给ajaxForm/ajaxSubmit 的对象。...如果'success' 回调函数被指定，当server端返回对表单提交的响应后，这个方法就会被执行。...数据 'json': 如果 dataType == 'json' 则server端返回的数据将会被执行，并传进'success'回调函数 'script': 如果 dataType == 'script

    8.3K10

    Ajax第二节

    url: 必须传 // async: 不传false, 就按true处理 // data: 参数对象 // dataType: 数据类型, json/xml/text // success: 成功的回调函数...// error: 失败的回调函数 // 命名空间: 将函数收录到一个对象中, 将来通过对象调用函数 var $ = { ajax: function (options) { // 参数处理...data) {} error 失败的回调函数 function (error) {} error:function(data) {} complete 完成后的回调函数 function () {} complete...serialize jquery提供了一个serialize()方法序列化表单，说白就是将表单中带有name属性的所有参数拼成一个格式为name=value&name1=value1这样的字符串。...为什么要使用模板引擎 我们通过ajax获取到数据后，需要把数据渲染到页面，在学习模板引擎前，我们的做法是大量的拼接字符串，对于结构简单的页面，这么做还行 但是如果页面结构很复杂，使用拼串的话代码可阅读性非常的差

    3.7K50

    AJAX 请求常用参数(cache、dataType、processData、contentType)

    如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断，比如 XML MIME 类型就被识别为 XML。...随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值: xml 返回 XML 文档，可用 jQuery 处理。...jsonp 使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。...text 返回纯文本字符串 processData 在使用jQuery的$.ajax()方法的时候参数processData默认为true(该方法为jQuery独有的) 默认情况下会将发送的数据序列化以适应默认的内容类型...application/x-www-form-urlencoded 如果想发送不想转换的的信息的时候需要手动将其设置为false 在遇到的是传输的是blob对象的时候就是不需要将传输的数据序列化,一般的还有类似

    1.5K10

    前端架构师之01_JQuery

    参数fn表示请求成功时，执行的回调函数。 参数type用于设置服务器返回的数据类型，如XML、JSON、HTML、TEXT等。 参数options用于设置Ajax请求的相关选项。...分类 方法/函数 说明 辅助函数 $.param(obj) 创建数组或对象的序列化表示 辅助函数 serialize() 通过序列化表单值，创建URL编码文本字符串 辅助函数 serializeArray...() 通过序列化表单值，创建对象数组（名称和值） Ajax事件 ajaxComplete(fn) Ajax请求完成时触发的事件执行函数 Ajax事件 ajaxError(fn) Ajax请求发生错误时触发的事件执行函数...请求结束时触发的事件执行函数 Ajax事件 ajaxSuccess(fn) Ajax请求成功时触发的事件执行函数 // 序列化对象 var data = {'id': 2, 'name': 'Lucy...ery-ui.min.js"> > 在实际项目中若只做中文开发，则每次使用时都配置这些属性会比较麻烦，建议将中文相关的配置保存到一个JavaScript文件中，每次使用时直接引用即可。

    1.7K00
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券