jquery中ajax学习笔记3


Posted in Javascript onOctober 16, 2011

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

由于很多知识都已经做了详细介绍,本节只介绍需要修改的代码,使用jqery封装的ajax使用XML格式接收服务器端的数据,web.xml、后台的servet都不用改,
只是ajax.html中调用的方法名称修改一下,改为新增加的javascript方法。

用到的主要的一个方法介绍:
jQuery.ajax(options):通过HTTP请求加载远程数据,
返回值:XMLHttpRequest
参数:options(可选),ajax请求设置。所有选项都是可选的。
主要选项介绍:
type (String) : (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持
url (String) : (默认: 当前页地址) 发送请求的地址
data (Object,String) : 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后
dataType (String) : 预期服务器返回的数据类型。
如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值:
"xml": 返回 XML 文档,可用 jQuery 处理。
"html": 返回纯文本 HTML 信息;包含 script 元素。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。
"json": 返回 JSON 数据
success (Function) : 请求成功后回调函数。参数:服务器返回数据,数据格式
error (Function) : (默认: 自动判断 (xml 或 html)) 请求失败时调用时间
async (Boolean) : (默认: true) 默认设置下,所有请求均为异步请求。
如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行

新增的javascript方法如下:

<!--用户名称的校验,采用jquery封装的ajax,接收XML格式的响应数据--> 
//通过$.ajax()方法 通过HTTP请求加载远程数据 
function verifyJqueryXML(){ 
var jqueryObj= $("#username"); 
var username= jqueryObj.val(); 
//javascript当中,一个简单的对象的定义方法 
//var obj={name:"abc",age:20}; 
//使用jquery的XMLHTTPRequest对象的get请求的封装 
$.ajax({ 
type:"POST",//请求方式 
url:"AJAXXMLServer", //服务器端的url地址 
data:"name="+username, // 发送给服务器端的数据 
dataType:"xml", //告诉Jquery返回的数据格式 
success:callback1 //定以交互完成,并且服务器端正确返回数据时调用的回调函数 
}); //注意url和 dataType必须对应 
} 
function callback1(data){ 
//首先需要将dom的对象转换成Jquery对象 
var jqueryObj=$(data); 
//获取message节点 
var message=jqueryObj.children(); 
//获取文本内容 
var text=message.text(); 
//将服务器端的值动态的显示在页面上 
var resultObj=$("#result"); 
resultObj.html(text); 
}

通过以上代得到,ajax.html中的调用javascript方法名称应改为:verifyJqueryXML()
Javascript 相关文章推荐
用js自动判断浏览器分辨率的代码
Jan 28 Javascript
在jQuery1.5中使用deferred对象 着放大镜看Promise
Mar 12 Javascript
JavaScript/jQuery 表单美化插件小结
Feb 14 Javascript
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
Jquery对象和Dom对象的区别分析
Nov 20 Javascript
jquery结合CSS使用validate实现漂亮的验证
Jan 29 Javascript
JavaScript中的getTime()方法使用详解
Jun 10 Javascript
JS 对java返回的json格式的数据处理方法
Dec 05 Javascript
jQuery动态移除和添加背景图片的方法详解
Mar 07 Javascript
ReactNative Image组件使用详解
Aug 07 Javascript
javascript将扁平的数据转为树形结构的高效率算法
Feb 27 Javascript
使用JS实现简易计算器
Jun 14 Javascript
jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML
Oct 16 #Javascript
jquery中ajax学习笔记一
Oct 16 #Javascript
jQuery EasyUI API 中文文档 DateTimeBox日期时间框
Oct 16 #Javascript
自己动手制作jquery插件之自动添加删除行功能介绍
Oct 14 #Javascript
javascript nextSibling 与 getNextElement(node) 使用介绍
Oct 13 #Javascript
获取body标签的两种方法
Oct 13 #Javascript
自己动手制作jquery插件之自动添加删除行的实现
Oct 13 #Javascript
You might like
PHP使用pcntl_fork实现多进程下载图片的方法
2014/12/16 PHP
php中遍历二维数组并以表格的形式输出的方法
2017/01/03 PHP
JS+CSS实现一个气泡提示框
2013/08/18 Javascript
JS对象转换为Jquery对象示例
2014/01/26 Javascript
Jquery动态添加输入框的方法
2015/05/29 Javascript
简要了解jQuery移动web开发的响应式布局设计
2015/12/04 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
学习JavaScript图片预加载模块
2016/11/07 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
2017/03/11 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
2017/05/02 Javascript
详解Windows下安装Nodejs步骤
2017/05/18 NodeJs
基于jquery实现多选下拉列表
2017/08/02 jQuery
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
JavaScript原型式继承实现方法
2019/11/06 Javascript
[01:14:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Orenda
2014/05/22 DOTA
python逐行读取文件内容的三种方法
2014/01/20 Python
Python import用法以及与from...import的区别
2015/05/28 Python
Eclipse中Python开发环境搭建简单教程
2016/03/23 Python
Python使用sorted对字典的key或value排序
2018/11/15 Python
Python列表与元组的异同详解
2019/07/02 Python
linux环境下Django的安装配置详解
2019/07/22 Python
Python 批量刷博客园访问量脚本过程解析
2019/08/30 Python
pandas中read_csv、rolling、expanding用法详解
2020/04/21 Python
css3的transform造成z-index无效解决方案
2014/12/04 HTML / CSS
基础的CSS3弹性盒Flexbox布局使用实例
2016/04/08 HTML / CSS
经典c++面试题四
2015/05/14 面试题
大四学年自我鉴定
2013/11/13 职场文书
大学生军训自我鉴定
2014/02/12 职场文书
中学生检讨书范文
2014/11/03 职场文书
2014年汽车销售工作总结
2014/12/01 职场文书
2014年小学教研工作总结
2014/12/06 职场文书
2015年学校教育教学工作总结
2015/04/22 职场文书
校园环境卫生倡议书
2015/04/29 职场文书
保护环境建议书作文500字
2015/09/14 职场文书
PyCharm配置KBEngine快速处理代码提示冲突、配置命令问题
2021/04/03 Python
SONY AN-LP1 短波有源天线放大器图
2022/04/05 无线电