基于Struts2+jsp的ajax通过xmlHttp…

最新推荐文章于 2025-11-16 15:55:51 发布
原创 最新推荐文章于 2025-11-16 15:55:51 发布 · 583 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个基于Java和HTML的用户注册名验证过程，包括前端输入验证和后端逻辑处理，确保用户名的可用性。

 

main.jsp

 

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>

  <head>

    <title>原始用户名校验</title>

    <script type="text/javascript" src="js/jsverify.js"></script>

  </head>

  <body>

     <h2>原始用户名校验</h2>

     账号:<input type="text" id="name" onblur="verify()">&nbsp;<span id="tips"></span>

  </body>

</html>

 

 

jsverify.js

 

var xmlhttp;

 

//创建我们的XMLHTTPRequest对象

function getXmlHttpRequest(){

    var myxmlhttp;

    if(window.XMLHttpRequest){

        //针对FireFox ,Mozillar,opera,safari,ie8,ie8

        myxmlhttp=new XMLHttpRequest();

        //针对某些特定版本的mozillar浏览器的bug进行修正

        if(myxmlhttp.overrideMimeType){

            myxmlhttp.overrideMimeType("text/xml");

        }

    }

    //IE6.IE5.5,IE5

    //为什么我们把ie的这个判断放在这里

    //1，上边可以尽可能应付多种浏览器

    //2,现在大多数浏览器为上边

    else if(window.ActiveXObject){

        //两个可以用于创建XMLHTTPRequest对象的控件名称，保存在一个Js数组中

        //排在前面的版本较新

        var activeName=["MSXML2.XMLHTTP","MICROSOFT.XMLHTTP"];

        for(var i=0;i<activeName.length;i++){

            try{

                //取出一个空间进行创建，如果成功终止循环

                //创建失败，抛出异常继续循环

                xmlhttp=new ActiveXObject(activeName[i]);

                break;

            }

            catch(e){

 

            }

        }

    }

    return myxmlhttp;

}

 

//我们这里通过最原始的方式来进行开发

function verify(){

 

    var userName=document.getElementByIdx_x_x("name").value;

    xmlhttp=getXmlHttpRequest();

    if(!xmlhttp){

        alert("无法创建xmlhttprequest对象");

    }

    else{

        alert(xmlhttp);

    }

 

    //注册回调函数

    //这里callback不能加()否则就会把函数返回值注册了

    xmlhttp.onreadystatechange=callback;

 

    //设置连接信息

    xmlhttp.open("GET","nametest?name="+userName,true);

    xmlhttp.send();

}

function callback(){

    //1表示读取中，2读取完成，3交互中，4完成

    if(xmlhttp.readyState==4){

        //200表示成功，404表示文件没有找到

        if(xmlhttp.status==200){

            //获取服务器返回的数据

            var responseText=xmlhttp.responseText;

            //将数据显示在页面上

            document.getElementByIdx_x_x("tips").innerText=responseText;

        }

    }

}

 

public class HelloAction extends ActionSupport{

 

    private String name;

    HttpServletResponse response;

    public String execute() throws Exception {

        response=ServletActionContext.getResponse();

        response.setCharacterEncoding("utf-8");

        PrintWriter out=response.getWriter();

        if(name.equals("hanqing")){

            out.println("用户名已经存在");

        }

        else {

            out.println("用户名可以使用");

        }

        return null;

    }

 

    public String getName() {

        return name;

    }

 

    public void setName(String name) {

        this.name = name;

    }

}

 

 

 

 

 

使用Struts2和jQuery EasyUI实现简单CRUD系统
12-09
Struts2是一个基于MVC（Model-View-Controller）架构的Java Web开发框架，它提供了一种组织应用程序逻辑的方式，使得前端和后端之间的交互更加清晰和高效。Struts2的核心是Action类，它负责接收请求、处理业务逻辑并...
Struts2+jquery 以ajax方式 实现jsp跟后台交互
weixin_34280237的博客
01-24 329
为什么80%的码农都做不了架构师？>>> ...
struts2+mybatis+jsp+jquery+ajax
weixin_45401140的博客
04-19 262
引入依赖 Ajax的开发 <dependencies> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.11</version> &l...
struts2怎么处理ajax请求
minolk的博客
07-01 6002
struts2接收ajax请求参数有三种方法首先说一下struts2是线程安全的，为什么说struts2是线程安全的呢，因为在struts2中struts2把所有的域对象全都封装到了actioncontext对象中，所以actioncontext对象的生命周期和request域对象的生命周期相同，也就是每次请求的到来会重新去创建一个actioncontext对象,所以请求与请求之间不使用相同的资源...
jsp页面用XMLHttpRequest简单的异步调用
彩虹逐月
07-22 626
例子程序步骤： a，创建一个新的XMLHttpRequest--function newXMLHttpRequest() b，创建DOM事件处理器--function onContinentChanged(selectCont, inForm) c，创建回调函数callback--function displayNations(xmlData) d，创建封装回调函数的函数--functio...
struts实现ajax,Struts 2中实现Ajax的三种方式
weixin_34194482的博客
08-06 1047
Ajax本质上和普通的HTTP请求是一样的，只不过普通的HTTP请求是给人看的，而Ajax请求是给JS代码去用的。所以Ajax请求的页面一般比普通的HTTP请求的响应内容还要简单，可能是一个页面的一部分，也可能是xml、json等结构化的数据，还可能是一个简单的字符串。所以，在Struts 2中使用Ajax，Action一般就不会调用一个jsp视图来显示了(如果Ajax请求内容是页面的一部分也可能...
struts2 + ajax 用户名登录验证（struts2+spring+ibatis）
li153069252的专栏
12-15 382
js代码： var xmlHttp; var result = false; function checkuid(){ var uname = document.all.userName.value; if(uname.length document.all.unameMsg.innerHTML="用户名太短，请重新输入！"; return f
Struts2+AJax判断用户名是否存在
热门推荐
云淡风轻的博客
12-06 1万+
Struts2+AJax判断用户名是否存在，写的已经很详细了哦，如果还看不懂的话，可以留言，大家共同学习 JSP: function CheckUserId(userId){ var request; var span; span=document.getElementById("result"); if(window.XMLHttpRequest){ request=ne
深入浅出图书管理系统开发：JQuery+Struts2+JDBC
Struts 2是一个基于MVC（模型-视图-控制器）设计模式的Web应用框架，用于简化Web应用的开发。在图书管理系统中，Struts 2框架负责处理用户的请求、调用业务逻辑、管理数据状态，然后将结果反馈给用户界面。它通过...
Ajax的实现（基于jsp画面和struts）
阳光芒果
06-23 565
      ajax是一种创建交互式网页应用的网页开发技术。通俗的讲就是实现html画面的局部刷新。      例如：传统的web开发，当服务器端执行服务端代码（执行客户请求，数据库操作，业务逻辑操作）之后将生成的信息发送到客户端（浏览器）。客户端通过解析相应的html、css、javascript、xml等信息并将其展示到客户端上，形成一个画面，并开始执行客户端脚本（这里我们只讨论javascript脚本）。此时如果需要改变页面中的一个元素的内容，必须重新向web服务器发送请求（get、post）由服务器
27、Struts Dojo 插件与 AJAX 开发指南
最新发布
alice7model的博客
11-16 12
本文详细介绍了Struts Dojo插件在AJAX开发中的应用，涵盖登录示例、零配置特性、Dojo框架的优势及核心标签（如head、div、a）的使用方法。文章还讲解了开发与部署注意事项、操作流程、常见问题解答，并展望了插件的未来发展方向，帮助开发者高效构建动态Web应用。
Struts应用集成AJAX：打造动态Web界面
1. **事件监听**：在Struts的JSP页面中，通过JavaScript事件监听器（如`onclick`、`onchange`等）设置触发Ajax请求的条件。例如，当用户在输入框中输入内容时，可以自动验证其有效性，无需等到用户提交整个表单。 2...
Ajax + Struts2 + Jsp 传值
木南曌的博客
10-31 1055
根据不同的需求需要将不同类型的数据传值到页面。 1、传值为Map. Action中代码： private String subAcctInfoString; public String querySubAcctInfo() { Map&lt;String,String&gt; result = new HashMap&lt;String,String&gt;(); res...
ajax实现局部刷新过程-Servlet.ser…
12-30 1405
严重: Servlet.service() for servlet default threw exception java.lang.IllegalStateException at org.apache.catalina.connector.ResponseFacade.sendError(ResponseFacade.java:407) at org.apache.struts2.dispa
$.ajax实现局部刷新过程--验证用户…
12-30 841
index.jsp   <!--         <span class="tit">用户昵称:      <input  type="text" name="nickname" class="input" onblur="checkname()"/>            <span id="userinfor" style="font-size:12
基于struts2+jsp的jquery方式来传…
12-30 608
<%@ page contentType="text/html;charset=UTF-8" language="java" %>     jquery用户名校验(返回的数据格式为xml形式)     <script type="text/javascript" src="js/jquery.js">     <script type="text/javascript" src="j
$.ajax async
12-30 593
(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。 async" /> var temp; $.ajax({ async: false, type : "POST", url : defaultPostData.url, dataType
基于Struts2+jsp的xmlhttp方式传递…
12-30 587
jsp   <%@ page contentType="text/html;charset=UTF-8" language="java" %>     原始用户名校验(返回的数据格式为xml形式)     <script type="text/javascript" src="js/xmlverify.js"> 原始用户名校验 账号:<input type="text"
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值