<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'testAjax.jsp' starting page</title>
<script type="text/javascript">
var XMLHttpReq = false;
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.XMLHttpRequest) { //Mozilla 浏览器
XMLHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject) { // IE浏览器
try {
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
}
//发送请求函数
function sendRequest(url) {
createXMLHttpRequest();
XMLHttpReq.open("GET", url, true);
XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
XMLHttpReq.send(null); // 发送请求
}
// 处理返回信息函数
function processResponse() {
if (XMLHttpReq.readyState == 4) { // 判断对象状态
if (XMLHttpReq.status == 200) { // 信息已经成功返回,开始处理信息
var res=XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.data;
window.alert(res);
} else { //页面不正常
window.alert("您所请求的页面有异常。");
}
}
}
// 身份验证函数
function userCheck() {
var uname = document.myform.uname.value;
var psw = document.myform.psw.value;
alert("yes");
alert(uname);
alert(psw);
if(uname=="") {
window.alert("用户名不能为空。");
document.myform.uname.focus();
return false;
}
else {
sendRequest('ViewAction!testAjax.action?uname='+ uname + '&password=' + psw);
}
}
</script>
</head>
<body>
<form action="ViewAction!testAjax.action" method="post" name="myform">
用户名: <input size="15" name="uname">
<p>密 码: <input type="password" size="15" name="psw">
<p><input type="button" value="登录" onclick="return userCheck();">
</form>
</body>
</html>
分享到:
相关推荐
原生态Ajax,即不依赖任何库或框架,直接使用JavaScript内置的XMLHttpRequest对象来实现页面与服务器之间的异步数据交换。这种技术在Web开发中至关重要,因为它允许在不刷新整个页面的情况下更新部分内容,提升了...
原生态Ajax概述与使用方法 Ajax(Asynchronous JavaScript and XML)是一种在网页上进行异步通信的技术,允许在不刷新整个页面的情况下,通过与服务器进行数据交换,更新部分页面内容。原生态Ajax是指使用纯粹的...
此封装原生态XMLHttpRequest,实现类似$.ajax调用
Ajax文件上传 js上传 异步上传 兼容IE chrome Firefox
PHP与原生态Ajax结合实现省市联动功能的详细过程涉及到多个层面的知识点,包括前端技术Ajax的原理、使用原生JavaScript进行异步通信的技术细节,以及PHP后端数据处理和响应的机制。下面将按照知识点进行详细解析。 ...
【原生态的ASP.NET AJAX Demo】是一个用于展示ASP.NET中使用AJAX技术的实例,它包含了一系列关键组件和代码,帮助开发者理解如何在不刷新整个页面的情况下实现异步数据交互和增强用户体验。在这个Demo中,我们可以...
原生态的登录注册 小白易懂,包含数据库只需要修改jdbc.properties中数据连接信息就可以使用了。
在Joomla中使用原生态AJAX应用代码主要涉及到如何利用Joomla自带的MooTools JavaScript库来实现前端与后端的异步交互。通过AJAX,可以在不重新加载页面的情况下与服务器交换数据并更新部分网页内容。这种方法特别...
VSCode下载与安装使用教程、HTML、列表、表格、媒体元素、基础、CSS 基础、CSS 美化网页元素、CSS浮动、CSS 网页动画、CSS 盒子模型、JavaScript...BOM、JavaScript DOM、JavaScript 面向对象、原生态Ajax价绍与使用方法
- **插件支持:** jQuery拥有庞大的插件生态,方便扩展和集成更多的功能。 ### 实际示例分析 为了具体说明两者之间的区别,我们可以通过示例来观察原生Ajax和jQuery Ajax的代码实现: #### 原生Ajax示例代码: `...
在现代Web应用中,为了提供类似原生态移动应用的流畅用户体验,"上拉刷新"和"下拉加载"功能已经成为必不可少的设计元素。这些功能让用户在滚动页面时可以无缝地加载更多内容,无论是刷新当前数据还是获取新的数据。...
项目内容从创建原生态的HTTPXMLRequest实现ajax开始,详细讲解ajax的应用,各种应用场合的实战案例;利用JQuery的ajax支持,详细讲解$.ajax,$.post,$.get等方法实现ajax技术;讲解ajax文件上传,三级联动等;利用...
【Ajax使用原生态JS验证用户名是否存在】 Ajax,即异步JavaScript和XML,是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。在本场景中,我们利用Ajax来验证用户输入的用户名是否已在系统中存在,从而...
HTML5原生态JS音乐播放器是一款利用Web技术构建的音乐播放软件,主要依赖HTML5的Audio API、JavaScript以及CSS3来实现。这个项目的核心在于利用JavaScript处理音频元素,结合LRC歌词显示,为用户提供丰富的音乐播放...
在IT行业中,网页交互设计是至关重要的一环,而"仿新浪微博头像浮层(原生态)"就是一个典型的网页交互效果示例。这个项目利用纯JavaScript技术实现了一个与新浪微博类似的头像悬停弹出层功能,使得用户在鼠标悬浮在...
这个压缩包中的资源提供了使用jQuery实现这一功能的源代码,使得Web应用可以模拟原生态App的效果。接下来,我们将详细探讨这些功能的实现原理以及jQuery在其中扮演的角色。 1. **下拉刷新**: 下拉刷新通常用于当...