var req;
function UserNameCheck(){
var username = document.getElementById('username').value;
var url = "pre?user_name=" + escape(username);
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
}else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
if(req){
req.open("GET", url, true);
req.onreadystatechange = callback;
req.send(null);
}
}
function callback() {
if (req.readyState == 4) {
if (req.status == 200) {
parseMessage();
// update the HTML DOM based on whether or not message is valid
}else{
alert ("Not able to retrieve description" + req.statusText);
}
}
else
{
document.getElementById("check_username").innerHTML = "正在验证用户名....";
}
}
function parseMessage() {
var xmlDoc = req.responseXML.documentElement;
var node = xmlDoc.getElementsByTagName('info');
document.getElementById('check_username').innerHTMLnode[0].firstChild.nodeValue;
}
分享到:
相关推荐
### Ajax通用套路代码详解 #### 一、引言 随着Web技术的发展,用户对网站的交互性和实时性有了更高的需求。Ajax(Asynchronous JavaScript and XML)作为一种能够实现局部刷新的技术,使得网页可以在不重新加载...
根据提供的文件信息,我们可以归纳出两个主要的知识点:如何检查表单并使用 AJAX 发送请求以及如何创建并发送一个简单的 AJAX 请求。 ### 知识点一:检查表单有效性并使用 AJAX 发送请求 #### 1. 表单验证逻辑 在...
- 文件"现在的request字段加密都是用RSA算法,所以其中有一次AJAX获得解密密钥的通信过程.txt"可能详细阐述了这个过程,包括如何捕获和解密这些加密的通信。 总之,爬虫和反爬虫是持续升级的攻防战。作为一名爬虫...
- **异步加载**:利用Ajax技术实现局部刷新,提升应用响应速度。 - **错误处理**:增强错误处理机制,提高系统的健壮性和用户友好性。 总之,Struts2与ExtJS的结合,为Web应用提供了强大的功能支持与灵活的扩展能力...
包含VUE面试题汇总、生命周期面试题等。...5、vue 中 ajax 请求代码应该写在组件的methods中还是vuex 的action中 6、不用 vuex 会带来什么问题 生命周期题 1、什么是 vue 生命周期 2、vue生命周期的作用是什么 等等
嵌套路由允许我们在一个路由下嵌套其他路由,形成组件树;路由导航守卫则允许我们在路由切换前、后或即将发生时执行操作,比如权限验证;而路由跳转传参则让我们可以在跳转的同时传递数据,增强应用的灵活性。 在...
5:首页设置-最新文章模块-模块顶部AJAX分类获取文章按钮(开启) 要显示分类按钮(选择要显示的栏目) 简单看了一眼,部分加密,如果大家做资源站,建议解密,如果本主题各种套路涉及付费,希望大家回复一下 ——...
第二十一节:Ajax框架vue-resource&axios 第二十二节:过渡&动画 第二十三节:vue Router路由基本使用 第二十四节:vue Router嵌套路由 第二十五节:vue Router路由缓存 第二十六节:vue Router路由组件传参 第二十...
第二十一节:Ajax框架vue-resource&axios 第二十二节:过渡&动画 第二十三节:vue Router路由基本使用 第二十四节:vue Router嵌套路由 第二十五节:vue Router路由缓存 第二十六节:vue Router路由组件传参 第二十...
AJAX技术可以实现无刷新的数据更新,提高交互感。 5. **后端逻辑**:服务器端的处理逻辑包括接收请求、生成卡密、保存到数据库、返回结果等。使用如PHP、Python Flask/Django、Node.js Express等服务器框架来实现...
jQuery通过提供简洁的API,让开发者能够轻松地处理DOM操作、事件处理、动画效果和Ajax交互。在jQuery 1.3.2版本中,这些特性得到了进一步的优化和增强。 二、选择器 jQuery的选择器是其强大功能的关键之一。它支持...
总结面试中 promise 相关题目的套路 AJAX原理及常见面试题 ES6教程 EventEmitter简单实现 CommonJS和ES Module的区别 ES2020 系列:新增基本数据类型 BigInt js 循环引用的解析和解决方法 弄懂浏览器Even
9. **AJAX和jQuery**:讲解如何在MVC应用中集成AJAX以实现页面的部分更新,以及使用jQuery进行DOM操作和事件处理。 10. **单元测试和持续集成**:介绍如何编写单元测试,使用工具如MSTest或NUnit,以及如何设置持续...
- vue-router 支持嵌套路由和命名视图,能够实现单页面应用的复杂路由逻辑。 - **关键知识点**: - Vue.js 路由器的基本配置方法。 - Vue.js 动态路由的定义及其参数传递技巧。 - Vue.js 导航守卫(navigation ...
jQuery 是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这个“jQuery帮助文档”是开发者学习和理解jQuery功能的强大资源,旨在提高开发效率并降低编程复杂性。...
學生信息管理系統包括學生在線選課系統,管理員添加學生檔案,管理學院信息,管理專業信息,管理班級信息,管理課程信息等,實現了老師在線添加學生成績,查...用到了JavaScript,asp.net ajax等技術.同時還附帶了我的畢業論文.
Vue.js进阶学习 Vue.js进阶学习教程,以命令行的方式开发您的应用程序...使用Ajax库-axios 自定义css样式 组件的结构 工程的结构 路由知我心 路由初体验 动态路由 嵌套路由 路由也编程 多路由拼图 URL重定向 多参数路由
1. **强大的路由**:Ember.js拥有一个高度可定制的路由系统,支持嵌套路由和参数化路由,这使得开发者能够轻松地管理复杂的URL结构。 2. **双向数据绑定**:Ember.js内置了双向数据绑定功能,简化了数据同步的过程。...
ES6已经实现了延迟对象Promise,但是今天主角是JQ里面的延迟对象,套路其实都是差不多的。下面先看一个比较牵强的例子: <button id=add>add</button><button id=remove>remove</button> ...
**BUG分析及解决套路:** - 定位问题:通过日志、调试等方式找到问题根源。 - 分析原因:理解出错逻辑,分析错误原因。 - 修复并验证:修改代码,测试验证修复效果。 #### 二、菜单模块 **菜单管理在整个系统中的...