`
zhengjj_2009
  • 浏览: 149347 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery学习笔记——jQuery调用

 
阅读更多

jQuery提供了几个用于发送Ajax请求的函数. 其中最核心也是最复杂的是jQuery.ajax( options ),所有的其他Ajax函数都是它的一个简化调用. 当我们想要完全控制Ajax时可以使用此方法, 否则还是使用简化方法如get, post, load等更加方便. 所以jQuery.ajax( options ) 方法放到最后一个介绍. 先来介绍最简单的load方法:

1. load( url, [data], [callback] )

Returns: jQuery包装集

说明:

load方法能够载入远程 HTML 文件代码并插入至 DOM 中。

默认使用 GET 方式, 如果传递了data参数则使用Post方式.

- 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector", 默认的选择器是"body>*".

讲解:

load是最简单的Ajax函数, 但是使用具有局限性:

  1. 它主要用于直接返回HTML的Ajax接口
  2. load是一个jQuery包装集方法,需要在jQuery包装集上调用,并且会将返回的HTML加载到对象中, 即使设置了回调函数也还是会加载.

本文介绍如何使用jquery实现Ajax功能.  用于发送Ajax请求的相关函数如load, get, getJSON和post这些渐变Ajax方法, 对于核心的ajax 方法没有过多介绍, 主要是通过配置复杂的参数实现完全控制Ajax请求. 另外讲解了ajax的辅助函数比如用于序列化表单对象为字符串的serialize()方法, 用于将表单对象序列化为JSON对象的serializeArray()方法. 这些在使用脚本获取数据实现与服务器端交互是很有用, JSON格式的数据在处理大对象编程时将我们从混乱的属性字符串中解放出来.

分享到:
评论

相关推荐

    Jquery学习手册

    jquery学习笔记,很全面的介绍jquery的用法。 存在的html片段)包装成jQuery对象。 $()方法里面支持的语法又包括3大类,分别是表达式(包括类表达式.,id表达式#,元素表达式等)、符号(包括后代符号space,next符号+...

    jQuery学习笔记 更改jQuery对象

    jQuery代码的任务就是生成jQuery对象A,操作...因此有必要将生成的jQuery对象存储在一个变量中,多次调用。然而,试想每进行一次操作和更改就得声明一个新变量,这也很繁琐啊。所以jQuery采取了链式操作的方法,即

    jQuery学习笔记之回调函数

    回调函数就是一个通过函数指针调用的函数.这篇文章主要介绍了jQuery学习笔记之回调函数的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

    ExtJS4中文教程2 开发笔记 chm

    ExtJS4学习笔记(七)---带搜索的Grid(SearchGrid) ExtJS4学习笔记(三)---VBox的使用 ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(二)---HBox的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4...

    jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析

    deep是布尔值,表示是否进行深度合并,默认是false,不执行深度合并.通过这种方式可以在jQuery或jQuery.fn上添加新的属性和方法,jQuery的其他模块大都是这么实现的. 给jQuery添加扩展时用$....调用:$(“div.guo”).gys()

    jQuery学习笔记(1)–用jQuery实现异步通信(用json传值)具体思路

    jQuery是时下比较流行的一个js库,能够用简单的代码做出理想的效果,就像官网上说的那样“write less ,do more”。Jquery在一定程度上改写了以往对JavaScript的写法,本人就用jquery实现上篇...请求成功时可调用回调

    jQuery学习笔记(4)–Jquery中获取table中某列值的具体思路

    页面如下所示: 具体操作就是点击“删除”按钮,然后调用jquery插件页面,这时候需要获得相应行的“ID”进行操作。我的方法是: 先定义一个行数与列数的全局变量,然后在鼠标经过按钮时获得此行的行数与列数并付给此...

    jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路

    是一个简单的POST 请求功能以取代复杂 $.ajax,请求成功时可调用回调函数,感兴趣的朋友可以参考下哈,希望对你有所帮助

    Java JDK 7学习笔记(国内第一本Java 7,前期版本累计销量5万册)

    丛书名: 学习笔记 出版社:清华大学出版社 ISBN:9787302282082 上架时间:2012-5-9 出版日期:2012 年5月 开本:16开 页码:564 版次:1-1 所属分类:计算机 > 软件与程序设计 > JAVA(J#) > Java 编辑推荐   ...

    js学习笔记大全

    // 有参数则调用获取元素的函数,为 c$.getElement 的缩写 return c$.getElement(arg, dom); }; /** * 这是错误调试程序 * 当页面发生错误时,提示错误讯息;仅测试环境里会提示,正式环境下不提示错误。 * ...

    JQuery学习笔记 实现图片翻转效果和TAB标签切换效果第1/2页

    为了保证前台页面的整洁,我们习惯性地将CSS放入一个单独的.CSS文件中以便调用,而JS也同样可以放到单独的JS文件中去,并且页面上的事件如onclick,onmouseover也可以分离出来,现在网上比较流行JQuery

    jquery-source-code:jquery原始码学习-jquery source code

    #jquery原始码学习笔记##整体架构 jQuery框架的核心就是从HTML文档中匹配元素并执行执行操作$('。someelement')。css() $('。someelement')。find()...等 jQuery有两大特点 jquery对象的建构方式 jquery方法...

    jquery中ajax学习笔记3

    摘要: ajax学习1中介绍了使用jquery封装的ajax来接收服务器端的文本数据以及使用XMLHttpReques对象来接收服务器端的文本数据 ajax学习2中介绍了使用XMLHttpReques来接收服务器的端XML数据,本节主要介绍使用jqery...

    通过jQuery Ajax调用上传文件的简单方法

    该学习笔记提供了一个简单的示例,该示例通过jQuery Ajax调用将文件上传到服务器。

    《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析

    jquery可能是目前大家最常用到的js框架了,也习惯了如下的调用方式: $('.someclass').show().css('xxx','xxxx').click(function(){}).xxx…… 这种调用方式就叫做链式调用,也就是说在调用一个方法之后,可以使用...

    Java学习笔记-个人整理的

    {1.11.3}递归调用}{41}{subsection.1.11.3} {1.12}Java API}{41}{section.1.12} {1.13}Linux命令}{41}{section.1.13} {1.13.1}基本查看、移动}{41}{subsection.1.13.1} {1.13.2}权限}{42}{subsection.1.13.2} ...

    ionic-lessons:ionic学习笔记 (ionic中文版教程)

    #ionic学习笔记 (ionic中文版教程) ##ionic 概述 ionic是一个强大的混合式/hybrid app移动开发框架。可以帮助您使用 Web 技术,比如 HTML、 CSS 和Javascript 构建接近原生体验的移动应用程序。目前已发布正式版本。...

    阅读笔记:Codefellows编码的阅读笔记

    301阅读笔记作业标题 SMACSS和响应式网页设计 jQuery,事件和The Dom Flexbox和模板 响应式网页设计和正则表达式 Heroku部署 节点,Express和API API续 SQL SQL续 调用堆栈和调试 EJS 成分 更新和删除 数据库规范化 ...

Global site tag (gtag.js) - Google Analytics