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 相关文章推荐
JQuery实现点击div以外的位置隐藏该div窗口
Sep 13 Javascript
JS、CSS加载中的小问题探讨
Nov 26 Javascript
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
Dec 20 Javascript
浅谈 javascript 事件处理
Jan 04 Javascript
js计算德州扑克牌面值的方法
Mar 04 Javascript
基于javascript实现listbox左右移动
Jan 29 Javascript
javacript获取当前屏幕大小
Jun 04 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
Aug 02 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
Sep 28 Javascript
解决bootstrap下拉菜单点击立即隐藏bug的方法
Jun 13 Javascript
node.js的Express服务器基本使用教程
Jan 09 Javascript
Vue+Element实现表格编辑、删除、以及新增行的最优方法
May 28 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
PHP4实际应用经验篇(6)
2006/10/09 PHP
php操作access数据库的方法详解
2017/02/22 PHP
删除PHP数组中的重复元素的实现代码
2017/04/10 PHP
Yii框架引入coreseek分页功能示例
2019/02/08 PHP
用javascript做拖动布局的思路
2008/05/31 Javascript
JQuery获取文本框中字符长度的代码
2011/09/29 Javascript
JavaScript打开word文档的实现代码(c#)
2012/04/16 Javascript
基于JQuery的类似新浪微博展示信息效果的代码
2012/07/23 Javascript
JS 精确统计网站访问量的实例代码
2013/07/05 Javascript
jQuery简单图表peity.js使用示例
2014/05/02 Javascript
根据当前时间在jsp页面上显示上午或下午
2014/08/18 Javascript
javascript中AJAX用法实例分析
2015/01/30 Javascript
javascript中Function类型详解
2015/04/28 Javascript
JSON相关知识汇总
2015/07/03 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
2016/05/11 Javascript
jquery对象和DOM对象的相互转换详解
2016/10/18 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
2017/01/09 Javascript
jQuery+PHP实现上传裁剪图片
2020/06/29 jQuery
js getBoundingClientRect使用方法详解
2019/07/17 Javascript
javascript局部自定义鼠标右键菜单
2020/12/08 Javascript
浅析python中的分片与截断序列
2016/08/09 Python
Python生成密码库功能示例
2017/05/23 Python
python xpath获取页面注释的方法
2019/01/14 Python
在Python中获取操作系统的进程信息
2019/08/27 Python
python 3.74 运行import numpy as np 报错lib\site-packages\numpy\__init__.py
2019/10/06 Python
python3.7+selenium模拟淘宝登录功能的实现
2020/05/26 Python
浅谈Python中文件夹和python package包的区别
2020/06/01 Python
Python命名空间及作用域原理实例解析
2020/08/12 Python
电气专业应届生求职信
2013/11/01 职场文书
中专生求职自荐信范文
2013/12/22 职场文书
总经理司机职责
2014/02/02 职场文书
幼儿园六一亲子活动方案
2014/08/26 职场文书
2015年学校财务工作总结
2015/05/19 职场文书
SQL 窗口函数实现高效分页查询的案例分析
2021/05/21 SQL Server
解决MultipartFile.transferTo(dest) 报FileNotFoundExcep的问题
2021/07/01 Java/Android
SQL Server查询某个字段在哪些表中存在
2022/03/03 SQL Server