第六章 jQuery中的Ajax应用
第六章 jQuery中的Ajax应用
1.Ajax:客户端javascript所发起的http请求的代号,无刷新的数据更新.
2.编程模型:
(1).同步代码:按钮按下 执行耗时操作 等待执行返回 (多线程)
(2).异步代码:按钮按下 执行耗时操作 不会等待返回 直到完成才通知调用函数
3.Ajax的优点:
(1).不需要任何浏览器插件,在任何支持javascript的浏览器上运行.
(2).优秀的用户体验.
(3).提高web程序的性能.
(4).减轻服务器和宽带的负担.
4.Ajax的缺点:
(1).可能破换浏览器后退按钮的正常行为.
(2).对搜索引擎的支持不足.
(3).开发和调试工具的不足.
(4).手持设备支持性差.
5.XMLHttpRequest对象属性:
(1).readyState:http请求的状态.当一个XMLHttpRequest初次创建时,这个属性的值从0开始,直到接收到完整的HTTP响应,这个值增加到4.
{0:Uninitialized 初始状态
1:Open open方法已调用.但是send()还未调用,请求还未发送
2:Sent send()已调用,http请求发送到web服务器,未接受到响应(已发送,未接收)
3:Receiving 所有响应头部已经接收到,响应体开始接收但未完成(开始接收)
4:Loaded http响应已经完全接收(接收完毕)
}
(2).responseText:从服务器接收到的响应体(不包括头部),或者如果还没有接收到数据的话,(readyState<3)就是空字符串.
(3).responseXML:对请求的响应,解析为xml并作为Document对象返回.
(4)statusText:表状态
status=200 表示OK
status=404 表示Not Found
6.XMLHttpRequest方法
(1)abort() 取消当前响应,关闭链接并且结束任何未决的网络活动
(2)getAllResponseHeaders()
把http响应头部作为未解析的字符串返回.
(3)getResponseHeaders()
返回指定的http响应头部的值
(4)Open() 初始化http的请求参数,但是不发送请求
语法:
open(method,url,async,username,password)
method:用于请求的http的方法,(值包括get,post,head)
url:参数时请求的主体.
async:参数指示请求使用应该异步的执行.
(5)send()
发送http请求,使用传递给open()方法的参数,以及传递给该方法的可选请求体.
语法:send(body)
(6)setRequesHeader() 向一个打开但未发送的请求设置或添加一个http请求.
语法:
setRequesHeader(name,value)
name:参数是要设置的头部的名称.
value:参数时头部的值
7.jQuery中的Ajax
(1)最底层:$.ajax()
第二层:load(),$.get()和$.post()
第三层:$.getscript()和$getJson()
(2)load()方法
语法:
load(url[,data][,callback])
url:表示请求的html页面的url;
data(可选):发送到服务器端的key/value数据(一般用json格式),为object类型;
callback(可选):请求完成任务(无论成功或失败)时的回调函数;
(3)$.get()方法
语法:
$.get(url[,data][,type])
url:待载入页面的url地址;
data(可选):待发送key/value参数;
callback:(可选)载入成功时回调函数;
type:(可选)返回内容格式,xml,html,script,json,text,_default;
(4)$.post()方法
语法:
$.post(url[,data][,type])
url:待载入页面的url地址;
data(可选):待发送key/value参数;
callback:(可选)载入成功时回调函数;
type:(可选)返回内容格式,xml,html,script,json,text,_default;
(5)$.getScript()方法
语法:
$.getScript(url,callback)
url:待载入的JS文件的地址;
callback:(可选)成功载入后回调的函数;
(6)$.getJson()方法
语法:
$.getJson(url,callback)
url:待载入的Json文件的地址;
callback:(可选)成功载入后回调的函数;
(7)$.ajax()方法
结构为:
$.ajax(options) 所有参数都是可选的
8.序列化元素
(1)seralize()方法 序列表表格内容为字符串(用于Ajax请求)
(2)serializeArray()方法
将DOM元素序列化后,返回json对象格式的数据,需要使用插件或者第三方库进行字符串化操作.
(3)$.param()方法
$.param()是serialize()方法的核心,用来对一个数组或对象按照key/value进行序列化.
转载于:https://blog.51cto.com/7112081/1329287
第六章 jQuery中的Ajax应用相关推荐
- 六、jQuery 中的 AJAX 跨域问题
第 2 章:jQuery 中的 AJAX 官方中文文档:https://jquery.cuishifeng.cn/jQuery.Ajax.html 2.1 get 请求 $.get(url, [dat ...
- jQuery中的Ajax (六个Ajax的操作方法) 细解!!!
jQuery中的Ajax 六个Ajax操作方法 load()方法 $.get()方法 $.post()方法 $.ajax()方法 $.getScript()方法 $.getJSON()方法 load( ...
- jQuery框架学习第六天:jQuery中的Ajax应用
一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章讲解如何使用jQuery方便快捷的实现A ...
- Java程序员从笨鸟到菜鸟之(八十九)跟我学jquery(五)jquery中的ajax详解
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数 ...
- 用JQuery中的Ajax方法获取web service等后台程序中的方法
用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...
- [Ajax] jQuery中的Ajax -- 01-jQuery中的Ajax
jQuery中的Ajax 参考文档 jQuery中的Ajax 六个Ajax操作方法 load()方法 $.get()方法 $.post()方法 $.ajax()方法 $.getScript()方法 $ ...
- jQuery系列 第六章 jQuery框架事件处理
第六章 jQuery框架事件处理 JavaScript以事件驱动来实现页面的交互,其核心是以消息为基础,以事件来驱动.虽然利用传统的JavaScript事件处理方式也能够完成页面交互,但jQuery框 ...
- 在jquery中使用AJAX
在jquery中使用封装好的AJAX会对开发效率起到极大的便利,因此掌握jquery中的一系列AJAX封装函数是做好页面数据交互的必备技能: 1.在之前,我们首先需要详细了解AJAX异步请求接受的五中 ...
- Ajax异步交互与跨域访问(三)JQuery中的Ajax
jQuery中的Ajax 一.jQuery提供的六个Ajax操作方法 1.load()方法 $element.load(url,[data],[callback]) 参数: url:异步请求的HTML ...
最新文章
- 全国计算机等级考试评卷、成绩处理和证书管理办法
- Linux监听请求到达时间,4: zabbix5.0自动发现网站域名并监控访问状态和请求时间...
- 3,SQL语句及数据库优化
- 全球与中国重型离合器市场运营状况分析与“十四五”发展规划建议2021年版
- 并发编程——线程——线程的理论和创建以及守护线程
- TextBox控件中只输入整数的几种方法
- 《Python Cookbook 3rd》笔记(4.5):反向迭代
- 茴香豆的n种写法之②——Sql据多个条件 查询每个条件的前N条记录
- MySQL编程技巧_MySQL学习笔记---MySQL开发技巧
- 一进庙会freeeim
- 五年后的4.20地震
- 最全介绍Document对象内容集合
- 时空复杂度(时间复杂度/空间复杂度)O(1)、O(n)、O(n^2)、O(log n)、O(n log n)是什么意思,借鉴 然后自己借鉴出来
- [BZOJ1528][POI2005]sam-Toy Cars(贪心)
- 【数学建模】算法模型(三)|模糊综合和灰色关联分析 元胞自动机模型 图论 BP神经网络算法 马尔可夫链蒙特卡罗算法(MCMC)
- 合唱队形(线性DP)
- jquery 调用 click 事件 的 三种 方式
- 通信协议学习-485通信(2)
- Wiener Filtering
- win10桌面快捷方式图标变白
热门文章
- android beam 第三方 aar,NFC通讯之Beam方式
- java寻路算法_具有指定距离/节点数的寻路算法
- 计算机骗局案例,骗局揭秘 | 卖你一台假电脑,再送你一个假鲁大师
- element tree ui 全选_element UI tree 控件,点击父节点进行异步加载,异步加载的数据不能全选...
- python魔术方法大全_python中魔术方法和属性汇总
- qgis 图片_QGIS教程09QGIS中如何制作萤火虫地图?
- mysql词法分析antlr4_词法分析器和语法分析器的界线 - ANTLR 4 简明教程
- 虚拟机下载和使用说明
- 风变Python 15数据的读入以及写出以及数据的编码类型
- BP神经网络和支持向量机在R语言中的实现