jquery中ajax的简单使用
一、load()
这是最简单的一个函数,传入一个url他会异步加载该url的内容,然后将内容插入每一个选中的元素中,替换掉其中已经存在的内容。
所以最简单的用法是:
$("#myDiv").load("htmltest.html");
当然这里的url不是只有html的,像什么txt、php之类的都是可以的。
如果不是想加载整个文档的话可以在url后面加上一个jquery选择器,类似“xxx.html #aaa”
另外load其实还有两个可选的参数,第一个是数据(类似于是调用了post),第三个可选参数是回调函数。
这样一个完整的load可以是这样
$().load("xxxx.html","val=yyyy",function(){})
二、$.get和$.post
这两个函数的区别是一个使用的是get方式另一个用的是post方式,函数的主要使用方式就是三个参数(url,数据,回调函数),这个在于后台交 互用的比较多。
三、$.ajax()
这个才是jquery中ajax的始祖,上面列的几个以及一些我没有列出来的都是这个的简化版本,当然简化的代价就是适用性降低,这个函数则可以达 到最佳的灵活性。
在这个函数中对与那些函数的实现是通过选项实现的,大概形式是这样的:
$.ajax({
type:"GET",
url:url,
data:data
});
现在我们具体看一些常用的选项:
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的简单使用的更多相关文章
- jQuery中ajax的4种常用请求方式
jQuery中ajax的4种常用请求方式: 1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数 ...
- jquery中ajax的使用
Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编写,例如,Struts,SpringMVC对从前台到action的流程进行封装控制,使我们只需要进 ...
- Jquery中.ajax和.post详解
之前写过一篇<.NET MVC 异步提交和返回参数> ,里面有一些ajax的内容,但是不深入,这次详细剖析下jquery中$.ajax的用法. 首先,上代码: jquery-1.5.1 $ ...
- Ajax -异步请求 -jquery中ajax分类 -第一层 $.ajax -第二层($.get /$.post) -第三层($.getJson/$.getScript) -相应演示
Ajax 1.标准请求响应时浏览器的动作(同步操作) 1.1浏览器请求什么资源,跟随显示什么资源2.ajax:异步请求. 2.1局部刷新,通过异步请求,请求到服务器资源数据后,通过脚本修改页面中部分内 ...
- 通过Jquery中Ajax获取json文件数据
1. JSON(JavaScript Object Notation): javaScript对象表示法: 是存储和交换文本信息的语法,比xml更小,更快,更易解析. 2. JSON基本书写格式 : ...
- jQuery中ajax应用
一:Ajax介绍 1.ajax的定义:客服端js所发起的http请求的代号,无刷新的数据更新. 2.ajax原理: 运用XHTML+CSS来表达信息,运用javascript操作DOM(Documen ...
- 关于Jquery中ajax方法data参数用法的总结
data 发送到服务器的数据.将自动转换为请求字符串格式.GET 请求中将附加在 URL 后.查看 processData 选项说明以禁止此自动转换.必须为 Key/Value 格式.如果为数组,jQ ...
- [转]Jquery中AJAX错误信息调试参考
下面是Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求 ...
- 转载 Jquery中AJAX参数详细介绍
Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求方式 ...
随机推荐
- JS 对象遍历
var orgRoot = { 271: {backgroundColor: '#f68f2b', textColor: '#FFFFFF'}, 272: {backgroundColor: '#49 ...
- 【MySQL】MySQL 如何实现 唯一随机数ID
如果不是 UUID 好像比较困难 参考资料: http://bbs.csdn.net/topics/390001507 https://www.zhihu.com/question/20151242
- gpt格式下通过U盘装win7系统
首先下好一个64位的win7系统,可以是ghost版的,然后放到你的U盘,在U盘的根目录下添加bootmgr.efi,bootx64.efi.shell.efi这几个文件,其它都不要管,重启,你就在g ...
- IPC----消息队列
消息队列可以认为是一个消息链表,System V 消息队列使用消息队列标识符标识.具有足够特权的任何进程都可以往一个队列放置一个消息,具有足够特权的任何进程都可以从一个给定队列读出一个消息.在某个进程 ...
- QQ登录类
2015-3-31 22:02:09 (同一套代码, pc端不能登录, 但是, 手机和平板都可以正常登录.....) 1. 首先是库文件, 登录->授权->token->openid ...
- cannot use the same dataset for report.dataset and page.dataset
把page中的dataset中填的数据表删除.(改成not assigned)
- 算法手记 之 数据结构(并查集详解)(POJ1703)
<ACM/ICPC算法训练教程>读书笔记-这一次补上并查集的部分.将对并查集的思想进行详细阐述,并附上本人AC掉POJ1703的Code. 在一些有N个元素的集合应用问题中,通常会将每个元 ...
- 4.js模式-发布-订阅模式
1. 发布-订阅模式 var observe = (function(){ var events = {}, listen, trigger, remmove; listen = function(k ...
- oracle简历自增序列(转)
步骤:1.创建序列 2.创建触发器. 语法解析:create sequence TB_CODE_SEQUENCEminvalue 1maxvalue 99999999999999999999999 ...
- 网站上点击自定义按钮发起QQ聊天的解决方案
一.背景 最近由于开发需要,需要在网站上自定义一个立即交谈的按钮,现将解决方式分享给大家. 二.解决方案 1.首先访问:http://shang.qq.com/widget/consult.php,适 ...