摘要:
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数据
<!--用户名称的校验,采用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()
分享到:
相关推荐
ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习...
AJAX学习笔记。内含Java调用的两个实例,及JavaScript的ajax工具函数,可快速入门,也可当手册使用。个人精心整理,值得收藏。 更多:http://download.csdn.net/user/daillo/all
Ajax 学习笔记,超详细的噢!不看后悔,自己上培训班时记的笔记
ajax学习笔记。。。。。。。。。。。。。。。。。。。。。。
根据个人学习Ajax的过程总结,整理了Ajax相关基础知识点,对Ajax的使用有较详细的介绍,通过个别举例,可以快速了解Ajax的功能,比较适合初学者入门。
Ajax学习笔记.zip
web前端开发AJAX学习笔记
Ajax学习笔记
夏玉保整理Ajax学习笔记.doc 夏玉保整理Ajax学习笔记.doc夏玉保整理Ajax学习笔记.doc 夏玉保整理Ajax学习笔记.doc
ZK-AJAX学习笔记
jQuery+AJAX学习笔记
Myeclipse的源代码示例(ajax学习笔记代码),四天学会ajax doc文档。
16ajax学习笔记1
Web2.0之Ajax 学习笔记与应用实例,Web2.0之Ajax 学习笔记与应用实例
非常经典的ajax学习笔记,想学好ajax的程序员都应该学习一下
ASP.NET Ajax学习笔记 第一章 ASP.NET AJAX基础 介绍ASP.NET AJAX 简单接处ASP.NET AJAX
Ajax 学习笔记(1).rtf
AJAX学习笔记忘记了看一眼
ajax的学习笔记,由浅入深。ajax初学的朋友值得借鉴和参考。
Unix 学习笔记 Core Java 学习笔记 Tiger 学习笔记 XML 学习笔记 Oracle 学习笔记 JDBC 学习笔记 Hibernate 学习笔记 HTML&JavaScript 学习笔记 Servlet 学习笔记 ...Ajax 学习笔记 EJB 学习笔记 Spring 学习笔记