![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
求个AJAX简单实例代码 fulanduolu.com
展开全部
<%@page pageEncoding="utf-8"
contentType="text/html;charset=utf-8" %>
<html>
<head>
<title>用户名唯一性检查(POST)</title>
<script type="text/javascript">
function getHttpRequest(){
var xhr = null;
if(window.XMLHttpRequest){
//非IE
xhr = new XMLHttpRequest();
}else{//IE
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
return xhr;
}
//采用ajax检查用户名唯一性
function checkusername(){
//1.获取Request
var xhr = getHttpRequest();
//2.创建checkname.do请求
var name = document
.getElementById("username").value;
var url = "checkname.do";
xhr.open("post",url,true);//异步post请求
//注册响应处理函数
xhr.onreadystatechange = function(){
var nameSpan =
document.getElementById("name_msg");
//请求处理完毕执行以下代码
if(xhr.readyState == 4){
if(xhr.status == 200){//正常结束
//响应处理,获取服务器返回的text
var txt = xhr.responseText;
nameSpan.innerHTML = txt;
}else{
nameSpan.innerHTML = "处理异常......";
}
}else{//提示正在处理
nameSpan.innerHTML = "正在处理中......";
}
}
//设置post方式提交数据的头参数
xhr.setRequestHeader("content-type",
"application/x-www-form-urlencoded");
var data = "username="+name;//请求参数
xhr.send(data);//发送请求
}
</script>
</head>
<body style="font-size:30px;">
<h2>用户注册页面</h2>
<form action="register.do" method="post">
用户名:<input type="text" name="username"
id="username" onblur="checkusername()">
<span id="name_msg"></span>
<br/>
密码:<input type="password" name="password">
<br/>其他表单项......
<br/>
<input type="submit" value="注册">
</form>
</body>
</html>
contentType="text/html;charset=utf-8" %>
<html>
<head>
<title>用户名唯一性检查(POST)</title>
<script type="text/javascript">
function getHttpRequest(){
var xhr = null;
if(window.XMLHttpRequest){
//非IE
xhr = new XMLHttpRequest();
}else{//IE
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
return xhr;
}
//采用ajax检查用户名唯一性
function checkusername(){
//1.获取Request
var xhr = getHttpRequest();
//2.创建checkname.do请求
var name = document
.getElementById("username").value;
var url = "checkname.do";
xhr.open("post",url,true);//异步post请求
//注册响应处理函数
xhr.onreadystatechange = function(){
var nameSpan =
document.getElementById("name_msg");
//请求处理完毕执行以下代码
if(xhr.readyState == 4){
if(xhr.status == 200){//正常结束
//响应处理,获取服务器返回的text
var txt = xhr.responseText;
nameSpan.innerHTML = txt;
}else{
nameSpan.innerHTML = "处理异常......";
}
}else{//提示正在处理
nameSpan.innerHTML = "正在处理中......";
}
}
//设置post方式提交数据的头参数
xhr.setRequestHeader("content-type",
"application/x-www-form-urlencoded");
var data = "username="+name;//请求参数
xhr.send(data);//发送请求
}
</script>
</head>
<body style="font-size:30px;">
<h2>用户注册页面</h2>
<form action="register.do" method="post">
用户名:<input type="text" name="username"
id="username" onblur="checkusername()">
<span id="name_msg"></span>
<br/>
密码:<input type="password" name="password">
<br/>其他表单项......
<br/>
<input type="submit" value="注册">
</form>
</body>
</html>
追问
太多了。。最好用几行代码实现一个超简单的AJAX效果
![](https://ecmc.bdimg.com/public03/b4cb859ca634443212c22993b0c87088.png)
2024-09-19 广告
随着AI技术的飞速发展,如今市面上涌现了许多实用易操作的AI生成工具1、简介:AiPPT: 这款AI工具智能理解用户输入的主题,提供“AI智能生成”和“导入本地大纲”的选项,生成的PPT内容丰富多样,可自由编辑和添加元素,图表类型包括柱状图...
点击进入详情页
本回答由AiPPT提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询