一、load()

  这是最简单的一个函数,传入一个url他会异步加载该url的内容,然后将内容插入每一个选中的元素中,替换掉其中已经存在的内容。

  所以最简单的用法是:

  1. $("#myDiv").load("htmltest.html");

  当然这里的url不是只有html的,像什么txt、php之类的都是可以的。

  如果不是想加载整个文档的话可以在url后面加上一个jquery选择器,类似“xxx.html #aaa”

  另外load其实还有两个可选的参数,第一个是数据(类似于是调用了post),第三个可选参数是回调函数。

  这样一个完整的load可以是这样

  1. $().load("xxxx.html","val=yyyy",function(){})

二、$.get和$.post

  这两个函数的区别是一个使用的是get方式另一个用的是post方式,函数的主要使用方式就是三个参数(url,数据,回调函数),这个在于后台交  互用的比较多。

三、$.ajax()

  这个才是jquery中ajax的始祖,上面列的几个以及一些我没有列出来的都是这个的简化版本,当然简化的代价就是适用性降低,这个函数则可以达  到最佳的灵活性。

  在这个函数中对与那些函数的实现是通过选项实现的,大概形式是这样的:

  1. $.ajax({
  2. type:"GET",
  3. url:url,
  4. data:data
  5. });

  现在我们具体看一些常用的选项:

  1、type:指定http的请求方法,默认是“GET”,还有“POST”可选,当然另外也存在一些诸如:DELETE“的不常用的选项

  2、url:要使用的url

  3、data:要发送的数据,可以是字符串或者对象,通常会吧对象转化成字符串

  4、dataType:制定相应数据的预期类型

  5、contentType:指定请求的HTTP Content-Type头,默认是”application/x-www-form-urlencoded“在将type设置为”post“想发送村文本或xml  文档时,需要设置

  6、timeout:超时时间,查过了这个时间请求失败调用error,默认值为0表示除非成功否则永远不取消

  7、cache:用于禁止浏览器缓存(好像只有get有用。。。)

  8、isModified:记录是否修改,没有修改服务器会返回304

  9、beforeSend:顾名思义就是在发送之前可以定义的函数

  10、success:成功时调用的函数

  11、error:失败时调用的函数

另外这些所有的jquery ajax函数都提供了success和error的函数

调用大概形式是$().get().error().success()

jquery中ajax的简单使用的更多相关文章

  1. jQuery中ajax的4种常用请求方式

    jQuery中ajax的4种常用请求方式: 1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数 ...

  2. jquery中ajax的使用

    Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编写,例如,Struts,SpringMVC对从前台到action的流程进行封装控制,使我们只需要进 ...

  3. Jquery中.ajax和.post详解

    之前写过一篇<.NET MVC 异步提交和返回参数> ,里面有一些ajax的内容,但是不深入,这次详细剖析下jquery中$.ajax的用法. 首先,上代码: jquery-1.5.1 $ ...

  4. Ajax -异步请求 -jquery中ajax分类 -第一层 $.ajax -第二层($.get /$.post) -第三层($.getJson/$.getScript) -相应演示

    Ajax 1.标准请求响应时浏览器的动作(同步操作) 1.1浏览器请求什么资源,跟随显示什么资源2.ajax:异步请求. 2.1局部刷新,通过异步请求,请求到服务器资源数据后,通过脚本修改页面中部分内 ...

  5. 通过Jquery中Ajax获取json文件数据

    1. JSON(JavaScript Object Notation): javaScript对象表示法: 是存储和交换文本信息的语法,比xml更小,更快,更易解析. 2. JSON基本书写格式 : ...

  6. jQuery中ajax应用

    一:Ajax介绍 1.ajax的定义:客服端js所发起的http请求的代号,无刷新的数据更新. 2.ajax原理: 运用XHTML+CSS来表达信息,运用javascript操作DOM(Documen ...

  7. 关于Jquery中ajax方法data参数用法的总结

    data 发送到服务器的数据.将自动转换为请求字符串格式.GET 请求中将附加在 URL 后.查看 processData 选项说明以禁止此自动转换.必须为 Key/Value 格式.如果为数组,jQ ...

  8. [转]Jquery中AJAX错误信息调试参考

    下面是Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求 ...

  9. 转载 Jquery中AJAX参数详细介绍

    Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求方式 ...

随机推荐

  1. ubuntu14.04 server 安装vmware worktation 12

    0) Do the basic system installation of Ubuntu 14.04 LTS (Server or Desktop) 1) wget the installer wg ...

  2. Scala教程

    Scala表示可扩展性语言,是一种混合函数式编程语言.它是由Martin Odersky创建,并于2003年首次发布. Scala平滑地集成面向对象和函数式语言的特点,并且Scala被编译在Java虚 ...

  3. STL 阅读(浅析)

    写的不错,决定那这个看下.看的还是晕. http://luohongcheng.github.io/archives/

  4. IDEA Error:java: 未结束的字符串文字

    首页 > 编程交流 > 基础篇 > IDEA Error:java: 未结束的字符串文字 201601-25 IDEA Error:java: 未结束的字符串文字   IDEA开发, ...

  5. Selenium2(webdirver)入门之环境搭建(Java版)

    一.开发环境: 1.JDK1.6 2.Eclipse:Version: Kepler Service Release 1,下载地址:http://www.eclipse.org/downloads/ ...

  6. iOS block 的底层实现

    其实swift 的闭包跟 OC的block 是一样一样的,学会了block,你swift里边的闭包就会无师自通. 参考:http://www.jianshu.com/p/e23078c11518 ht ...

  7. IOS - 键盘处理

    iOS 发布了很多关于屏幕上键盘的通知.下面列出了这些通知的简要解释: UIKeyboardWillShowNotification 当键盘即将要显示的时候将会发出这个通知.这个通知包含了用户信息库, ...

  8. August 7th 2016, Week 33rd Sunday

    Knowing yourself is the height of wisdom. 了解自己就是大智慧. Two-day holiday, even I didn't have enought tim ...

  9. 图像特征提取之LBP特征

    LBP(Local Binary Pattern,局部二值模式)是一种用来描述图像局部纹理特征的算子:它具有旋转不变性和灰度不变性等显著的优点.它是首先由T. Ojala, M.Pietik?inen ...

  10. 把Git Repository建到U盘上去(转)

    把Git Repository建到U盘上去 转 把Git Repository建到U盘上去 Git很火.原因有三: 它是大神Linus Torvalds的作品,天然地具备神二代的气质和品质: 促进了生 ...