首页 > 其他分享 >struts2与ajax交互

struts2与ajax交互

时间:2023-09-21 15:33:45浏览次数:40  
标签:name usersName ajax value struts2 catch null 交互 out


实现动态检验用户是否在数据库中存在.

 

一:JSP页面

<script type="text/javascript" src="JS/Ajax.js"
<script type="text/javascript">  
  function
if(value!=""){  
"get","check?usersName="+value,deal,null);  
  }  
 }
</script>
<form action="register" method="post"  id="form1">  
  <table>  
   <tr>  
      <td>用户名:</td>
      <td>
"text" name="usersName" οnblur="checkUsersName(this.value)"/>
"check">这里显示检测结果信息</div>
      </td>  
      </tr>  
      <tr>  
       <td>
"submit" value="注册"/>
       </td>
       <td>
"reset" value="重置"/>
        </td>
     </tr>  
   </table>  
  </form>

 

二:Action接收请求并处理,并返回结果

public String checkUserName()
  {
HttpServletResponse response=ServletActionContext.getResponse();
   response.setContentType("text/html");
   response.setCharacterEncoding("utf-8");
   PrintWriter out = null;
   try {
out=response.getWriter();
   } catch (IOException e1) {
    // TODO Auto-generated catch block
    e1.printStackTrace();
   }
   String name="";
   try {
//页面传递usersName过来,这里涉及到中文转码
 name=java.net.URLDecoder.decode(usersName,"UTF-8");
   } catch (UnsupportedEncodingException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
   }
//存在返回1,否则返回0
if(rs.checkUserExit(name)!=null) // 进行数据库校验
    { 
      exit="1";
      out.print(exit);
      out.flush();
      out.close();
      System.out.println(exit);
    } 
  
  return null;}

 

三:Struts配置文件

<action name="check" class="com.article.action.RegisterAction" method="checkUserName">  
<result>register.jsp</result>
</action>

 

上面的<result></result>里面可以不写,如果报错,就写个已存在的页面,不会跳转的,注册页面与action交互,action里execute的返回值必须为空!

标签:name,usersName,ajax,value,struts2,catch,null,交互,out
From: https://blog.51cto.com/u_16230604/7554812

相关文章

  • 前后端交互,后端给的数据结构和想预想的不一样?
    前后端交互时,后端返回的数据结构与前端预期的不一致是一种常见的问题,通常可以通过以下方式来解决:明确数据结构规范:在项目初期,前后端开发团队应该明确定义数据结构规范,包括接口的输入参数和返回结果的格式、字段名称和数据类型等。这有助于双方确保一致性。文档化:文档是关键,要确保有......
  • struts2.1.8.1+jquery1.4.2返回json数据
    1、引入包(本文中的包全部引自struts-2.1.8.1\lib):struts2-json-plugin-2.1.8.1.jarjson-lib-2.1.jarcommons-collections-3.2.jarcommons-beanutils-1.7.0.jarcommons-lang-2.3.jarcommons-logging-1.0.4.jarezmorph-1.0.3.jar这7个包是返回json形式的数据必须的。因为jso......
  • Vue之与后端交互的三种方式、显示小电影案例、计算属性、监听属性、Vue生命周期、组件
    与后端交互的三种方式后端写了一堆接口前段会了前后端要打通===》从前端发送ajax===》核心:用js发送http请求,接收返回原生js,可以开启可以开启ajax,但是原生js开启,比较麻烦,需要做浏览器兼容,有坑(基本不写)jq,写了个兼容所有浏览器的$.ajax(),不仅仅有ajax,还封装了很多d......
  • 与后端交互三种方式
    去后端交互的三种方式前后端打通,要从前端发送ajax请求,其核心是使用js发送http请求,接收返回原生js可以开启ajax,但是原生js开启比较麻烦,需要做浏览器兼容,有坑(一般不写)三种方式:jq写一个兼容所有浏览器的$.ajax(),不仅有ajax,还封装了很多dom操作,如果vue中使用它,不合适axios:......
  • ajax的使用方法
    实例$.ajax({url:'https://api.example.com/data',method:'GET',async:true,//使用异步请求success:function(response){//处理成功的响应数据console.log(response);},error:function(xhr,status,error){//处理请求失败con......
  • Vue之后端交互、计算、监听、组件间通信
    一、与后端交互三种方式1、2、3、4、小电影案例html:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js&q......
  • 实现连续对话,人机交互更自然
    随着科技的快速发展,人工智能领域取得了突破性的进步。最近,一种名为ChatGPT的人工智能模型因其能够实现“连续对话”机制而备受瞩目。这种技术的出现改变了传统搜索引擎和聊天机器人的工作方式,让人们能够更自然地与计算机进行交互。ChatGPT是一种基于深度学习的自然语言处理模型,它能......
  • Vue-与后端交互的三种方式、箭头函数、显示电影小案例
    与后端交互的三种方式前后端需要打通-----》从前端发送ajax-----》ajax的核心:使用js发送http请求,接收返回-原生js,可以开启ajax,但是原生js开启,比较麻烦,需要做浏览器兼容,有坑(基本不写)-jq,写了个兼容所有浏览器的$.ajax(),不仅仅有ajax,还封装了很多dom操作-如......
  • 腾讯Fast-Causal-Inference已经在GitHub中公布,采用SQL交互
          腾讯近日宣布旗下的开源分布式数据科学组件项目Fast-Causal-Inference已经在GitHub中公布。根据公开资料显示,这是由腾讯微信研发,采用SQL交互的,基于分布式向量化的统计分析、因果推断计算库,宣称“解决已有统计模型库(R/Python)在大数据下的性能瓶颈,提供百亿......
  • 区域卫生信息平台交互标准 值域编码
    国家标准全文公开系统卫生健康信息标准国家标准至国家标准全文公开系统查询下载GB/T2261.1个人基本信息分类和代码第1部分:人的性别代码GB/T2261.2个人基本信息分类和代码第2部分:婚姻状况代码GB/T2261.3个人基本信息分类和代码第3部分:健康状况代码GB/T2261.4个人......