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 相关文章推荐
不同浏览器对回车提交表单的处理办法
Feb 13 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
Apr 26 Javascript
jquery选择器之层级过滤选择器详解
Jan 27 Javascript
浅谈javascript 函数内部属性
Jan 21 Javascript
jquery实现叠层3D文字特效代码分享
Aug 21 Javascript
详解js中构造流程图的核心技术JsPlumb
Dec 08 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
Apr 01 Javascript
JS正则表达式修饰符global(/g)用法分析
Dec 27 Javascript
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
Nov 27 Javascript
Webpack框架核心概念(知识点整理)
Dec 22 Javascript
vue中rem的配置的方法示例
Aug 30 Javascript
详解基于React.js和Node.js的SSR实现方案
Mar 21 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 escape URL编码
2008/12/10 PHP
dedecms 批量提取第一张图片最为缩略图的代码(文章+软件)
2009/10/29 PHP
实战mysql导出中文乱码及phpmyadmin导入中文乱码的解决方法
2010/06/11 PHP
php中用date函数获取当前时间有误的解决办法
2013/08/02 PHP
利用中国天气预报接口实现简单天气预报
2014/01/20 PHP
php计算函数执行时间的方法
2015/03/20 PHP
php取得字符串首字母的方法
2015/03/25 PHP
PHP的mysqli_stmt_init()函数讲解
2019/01/24 PHP
Javascript解决常见浏览器兼容问题的12种方法
2010/01/04 Javascript
node.js中的fs.futimes方法使用说明
2014/12/17 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
div实现自适应高度的textarea实现angular双向绑定
2017/01/08 Javascript
js获取ip和地区
2017/03/10 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
2017/03/30 Javascript
Require.JS中的几种define定义方式示例
2017/06/01 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
2018/01/11 Javascript
[44:58]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第二场
2018/04/06 DOTA
python encode和decode的妙用
2009/09/02 Python
用Python进行简单图像识别(验证码)
2018/01/19 Python
python如何拆分含有多种分隔符的字符串
2018/03/20 Python
python 使用turtule绘制递归图形(螺旋、二叉树、谢尔宾斯基三角形)
2019/05/30 Python
完美解决pycharm导入自己写的py文件爆红问题
2020/02/12 Python
python实现PCA降维的示例详解
2020/02/24 Python
Canvas 帧动画吃苹果小游戏
2020/08/05 HTML / CSS
在求职信中如何凸显个人优势
2013/10/30 职场文书
教师评优事迹材料
2014/01/10 职场文书
食品业务员岗位职责
2014/03/18 职场文书
药学职务聘任书
2014/03/29 职场文书
办公室打字员岗位职责
2014/04/16 职场文书
食品安全承诺书
2014/05/22 职场文书
市场营销策划方案
2014/06/11 职场文书
圣诞晚会主持词开场白
2015/05/28 职场文书
2015党建工作简报
2015/07/21 职场文书
2016教师学习党章心得体会
2016/01/15 职场文书
创业计划书之冷饮店
2019/09/27 职场文书
vue中三级导航的菜单权限控制
2021/03/31 Vue.js