原作者:http://www.verydemo.com/demo_c107_i15827.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>itcast.cn用户名校验ajax实例</title>
<!--<meta http-equiv="content-type" content="text/html; charset=gb2312" />-->
<script type="text/javascript" src="jslib/jquery.js"></script>
<script type="text/javascript" src="jslib/verifyjqueryxml.js"></script>
</head>
<body>
<!--基于标准的一些好习惯,首先标签名要小写,其次标签必须关闭,第三属性名必须是小写的,第四属性值必须位于双引号中-->
itcast.cn用户名校验的ajax实例,请输入用户名: <br/>
<!--ajax方式下不需要使用表单来进行数据提交,因此不用写表单标签-->
<!--ajax方式不需要name属性,需要一个id的属性-->
<input type="text" id="userName" />
<input type="button" value="校验" onclick="verify()"/>
<!--这个div用于存放服务器段返回的信息,开始为空-->
<!--id属性定义是为了利用dom的方式找到某一个节点,进行操作-->
<div id="result"></div>
<!--<div id="result">123</div><div>456</div>-->
<!--<span>123</span><span>456</span>-->
<!--div和span的直观差异,div中的内容独占行,span中的内容和前后其他内容相处良好-->
</body>
</html>
/******************************js页面************************************/
//定义用户名校验的方法
function verify(){
//首先测试一下页面的按钮按下,可以调用这个方法
//使用javascript的alert方法,显示一个探出提示框
//alert("按钮被点击了!!!");
//1.获取文本框中的内容
//document.getElementById("userName"); dom的方式
//Jquery的查找节点的方式,参数中#加上id属性值可以找到一个节点。
//jquery的方法返回的都是jquery的对象,可以继续在上面执行其他的jquery方法
var jqueryObj = $("#userName");
//获取节点的值
var userName = jqueryObj.val();
//alert(userName);
//2.将文本框中的数据发送给服务器段的servelt
//javascript当中,一个简单的对象的定义方法
var obj = {name:"123",age:20};
//使用jquery的XMLHTTPrequest对象get请求的封装
$.ajax({
type: "POST", //http请求方式
url: "AJAXXMLServer", //服务器段url地址
data: "name=" + userName, //发送给服务器段的数据
dataType: "xml", //告诉JQuery返回的数据格式
success: callback //定义交互完成,并且服务器正确返回数据时调用的回调函数
});
}
//回调函数
function callback(data) {
// alert("服务器段的数据回来了!!");
//3.接收服务器端返回的数据
//需要将data这个dom对象中的数据解析出来
//首先需要将dom的对象转换成JQuery的对象
var jqueryObj = $(data);
//获取message节点
var message = jqueryObj.children();
//获取文本内容
var text = message.text();
//4.将服务器段返回的数据动态的显示在页面上
//找到保存结果信息的节点
var resultObj = $("#result");
//动态的改变页面中div节点中的内容
resultObj.html(text);
alert("");
}
/***************************************************************************/
....................................................................
相关推荐
参看HjxxServlet.java与index.html两个文件
ajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用...
复制ajax 三级省市区联动xml 内的代码到你的项目中->在Class1.cs中 同时引用命名空间 using System.Xml; 同时在Page_Load()添加 Ajax.Utility.RegisterTypeForAjax(typeof(register));//register 为你页面的类文件名...
Ajax XmlSpy 2011注册机,这个注册机可以生成Ajax XmlSpy 2011各种语言版本 的注册码
本案例是一个基于xml的Ajax案例 Ajax通过解析xml来做出响应
Ajax struts2 xml flex Ajax struts2 xml flex Ajax struts2 xml flex Ajax struts2 xml flex Ajax struts2 xml flex Ajax struts2 xml flex
ajax传输xml
基于C#+ASP.NET实现的Ajax XML Project工程代码例子。
只实现很简单的功能,使用XML储蓄,速度还可以,暂时没有优化....1.xml/xml/shopclass.xml //手动添加节点也可以 2.xml/xslt/shopclass.xsl 3.images //可以覆盖自己喜欢的图形 4.xml/xslt/shopclass1
ajax发送xml请求小示例
NULL 博文链接:https://490276559.iteye.com/blog/373018
利用jquery结合ajax和xml实现省市县三级联动
利用Ajax读取XML文件实例,实现简单的无刷新效果
ajax+xml实现省市区无刷新联动代码 三级省市区联动xml
Ajax 解析XML+json总结,很好的资源哦。欢迎大家来下载。
ajax简单例子,以及xml多种解析方式。
js 时间记数器 ajax xml js 时间记数器 ajax xml
读取xml生成树 ajax读取xml动态生成树(1)
xml和AJAX实例源码 <br>XML,Ajax,C# 编写.admin 是管理后台 func脚本文件 Ajax <br>Ajfunc 是处理Ajax的C#代码 <br>.NET2.0 环境. <br>可以实现友情链接分类管理、添加及修改
js中ajax发送xml数据,java对xml解析(蓝色标记重点)