ajax(用户注册)

最新推荐文章于 2022-12-15 22:37:53 发布
最新推荐文章于 2022-12-15 22:37:53 发布
阅读量909 收藏 1
点赞数
分类专栏： ajax 文章标签： ajax 浏览器 html null url

 html代码：

  1. <head>
  2. <script type="text/javascript">
  3.         var xmlHttp;
  4.         function createXMLHttpRequest()
  5.         {
  6.             if(window.XMLHttpRequest)
  7.             {
  8.               xmlHttp = new XMLHttpRequest();//mozilla浏览器
  9.             }
  10.             else if(window.ActiveXObject)
  11.             {
  12.                try
  13.                {
  14.                 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  15.                }
  16.                catch(e){}
  17.                try
  18.                {
  19.                 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  20.                }
  21.                catch(e){}
  22.                if (!xmlHttp)
  23.                {
  24.                    alert("不能创建xmlHttp对象实例！");
  25.                }
  26.             }
  27.         }
  28.         function CheckName(userName)
  29.         {
  30.             createXMLHttpRequest();
  31.             var url="Dispost.aspx?Name="+userName;
  32.             xmlHttp.onreadystatechange = CheckUserName;
  33.             xmlHttp.open("GET",url,true);
  34.             xmlHttp.send(null);
  35.         }
  36.         function CheckUserName()
  37.         {
  38.             if(xmlHttp.readyState==4)
  39.             {
  40.                 if(xmlHttp.status==200)
  41.                 {
  42.                    if(xmlHttp.responseText=="true")
  43.                     {
  44.                        document.getElementById('check').innerText="可以注册";
  45.                     }
  46.                     else
  47.                      {
  48.                        document.getElementById('check').innerText="不可以注册";
  49.                      }
  50.                 }
  51.             }
  52.         }
  53.     </script>
  54. </head>
  55. <body>
  56.  用户名：<input id="userName" type="text" οnkeyup="CheckName(document.getElementById('userName').value);">
  57. <div id="check"></div>
  58. </body>

 

  1. Dispost.aspx后台代码：
  1. protected void Page_Load(object sender, EventArgs e)
  2. {
  3.  User user=new User();
  4.  if(user.checkName(Resquest.QueryString["Name"].ToString()))
  5.  {
  6.   Response.Write("false");
  7.   Response.End();
  8.  }
  9.  else
  10.  {
  11.  Response.Write("true");
  12.  Response.End();
  13.  }
  14. }
bieqing
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajax用户登录注册
车明强的博客
11-04 5804
首先在服务器环境下运行，访问php接口 调用封装好的Ajax方法 前端js操作代码： 后端数据接口 <?php /* 接口说明文档 url: './data/user.php' type: post 参数： user 用户账号 pass 用户密码 type 登录或注册 = login 登录 = add 注册 返回值示例： {"err":0,"msg":"登录成功"} */// 允许任何来源 header(
ajax(二)
qq_43732831的博客
02-24 91
上一篇ajax遗留问题 我们用promise和jsonp来解决 Promise----异步编程解决方案 Promise是一个构造函数，所以使用时要在前加上new Promise有三种状态，resolved的(成功状态)，reject（失败状态）， pedding(进行中) new Promise((resolve,reject)=>{ … if（true）{ ……resolve() /...
使用Ajax完成注册和登录
learn together
05-21 8760
简介 完成用户的登录和注册，以及个人信息的查询，并使用Ajax向后端提交JSON格式的数据。AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。而JSON是一种轻量级的数据交换格式， 易于人阅读和编写，同时也易于机器解析和生成。 实现 控制器 @Autowired注解负责完成服务层成员变量的自动装配。 @RequestBody注解负责将前端发送过来的JSON数据封装到用户对象之中，以方便后端获取数据。 @ResponseBody注解负责给前端返回JSON数据对象。 package com
通过Ajax实现注册登陆的表单验证，一看就会。
qq_60614034的博客
12-05 2979
ajax的简单应用，简单好懂。本次运用的软件为ideal，使用的是tomcat服务器，无框架编程。Asynchronous JavaScript And XML是一种通过JavaScript和后台进行通信的技术，能够实现页面的局部刷新，提高用户的体验常规页面刷新会更新整个页面。ajax技术通过浏览器局部发送请求给后台，后台通过resp.getWriter.print("");响应给前台页面 服务器具体实现代码： 浏览器代码： 注册代码： 登陆代码： 至于为什么要用jq
Ajax用户注册页面
abc1498880402的博客
10-24 7286
一、实验目的： 使用HTML超文本标记语言制作简单页面，要求通过实验能够掌握HTML文件的基本结构和文档的创建、编辑及保存。 验证并掌握HTML超文本标记语言的文本、图像、超链接、表格、表单等标记的使用。 通过实验掌握层叠样式表CSS的创建及应用，掌握在网页中插入层叠样式表CSS的常用方法，掌握层叠样式表CSS的主要基本属性的使用。 通过实验了解JavaScript的编程规范及基本语法，能...
利用ajax的方式来提交数据到后台数据库及交互功能
diaoou8643的博客
08-12 529
怎么样用ajax来提交数据到后台数据库，并完成交互呢？？？？？ 一、当我们在验证表单的时候，为了阻止把错误的也发送到服务器，我们通常这样设置： $(function(){ var isusername;(定一个变量) var ispwd; $('form').submit(function...
AJAX 用户注册时的应用实例
10-30
总的来说，这个AJAX用户注册实例展示了如何利用JavaScript和AJAX技术改进用户注册体验，实现无刷新的实时验证，从而提高网页的交互性和用户体验。这样的技术在现代Web开发中广泛应用，是创建动态和高效网页不可或缺...
ajax用户注册登录.zip
11-21
【Ajax用户注册登录详解】 Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。在本教程中，我们将探讨如何利用Ajax实现用户注册和登录功能，构建一个超简单的...
JQ asp.net ajax 用户注册
04-20
本项目“JQ asp.net ajax 用户注册”旨在实现一个简单的用户注册流程，利用jQuery（简称JQ）与ASP.NET AJAX技术，提供前端交互体验和后端数据处理。以下将详细介绍该系统的核心知识点： 1. **jQuery (JQ) 介绍**： ...
ajax用户注册检查用户名
08-02
"Ajax用户注册检查用户名"是一个关键功能，它使得用户在注册时可以实时验证所选用户名是否已存在，无需每次提交表单后等待服务器返回完整页面的刷新。这个过程涉及到前端JavaScript、Ajax（Asynchronous JavaScript ...
ajax 实现用户注册详细代码
12-11
ajax 技术实现 用户注册详细代码 以及介绍
ajax实现用户登录注册
07-28
ajax实现用户登录注册，完整的验证，经过调试，适合初学者
jQuery Ajax 登陆和注册页面
06-01
带有自动验证插件，
非常实用的ajax用户注册模块
10-21
【Ajax用户注册模块详解】 Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。在用户注册模块中，Ajax的应用极大地提升了用户体验，因为它可以在后台验证用户...
Ajax简单实现注册用户名校验
行行失故路
03-07 3374
Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。 作用：提升用户的体验
Ajax实现用户注册（详细版）
weixin_30896511的博客
09-06 552
随着信息技术的发展，网络时代和我的生活密切相关，在讲解ajax之前先 chitchat 下，呼呼。。现在真是信息大爆炸的时代，想了解什么，或者想学习下什么只要你走进网络，轻松挥动鼠标，点击 search 即可搞定，而用ajax实现的搜索速度快，减轻的客户端与服务端的负荷作用。下面用一个实例说明实现ajax无刷新用户验证 ajax.js Code Code 1/**//**...
ajax异步请求校验用户名实现注册功能
m0_63378258的博客
12-15 622
本次案例主要实现的功能：注册时判断用户名是否可用、密码非空校验、两次密码不一致校验
使用juery使用ajax实现用户注册时的验证
zys15256630193的博客
06-06 1457
首先需要在jsp页面中加入juery:在jsp中头插入&lt;script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt; jsp页面代码：&lt;div class="huiyuan_zc"&gt; &lt;div class="zhuce_1"&gt;用户
简谈ajax--使用ajax实现用户注册
weixin_41848488的博客
04-16 1002
1.XMLHttpRequest对象  XMLHttpRequest是Ajax开发的基础，它提供客户端与服务器端进行异步通信的功能。一方面它向服务器提交一个请求，获取页面的内容；另一方面将数据通过JavaScript发送到服务器端后，按预期的方式对数据进行处理，结合XML和CSS，做出各种应用程序。2.利用XMLHttpRequest对象构建Ajax应用利用 XMLHttpRequest对象，每次...
ajax异步注册代码,基于AJAX用户注册信息异步校验
最新发布
05-20
以下是一个基于AJAX实现的用户注册信息异步校验的示例代码： HTML代码： ``` 用户名： <span id="username-tips"></span> 电子邮箱： <span id="email-tips"></span> 密码： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值