SSH+Jquery+Ajax 프레임워크 통합
이 글에서는 SSH+Jquery+Ajax 통합을 기반으로 한 부분 새로 고침에 대해 소개합니다. 관심 있는 친구들은 이 글을 함께 읽어보세요
최근 SSH2(Struts2+Spring+Hibernate) 통합을 배운 후 글을 쓰기 시작했습니다. 로그인 인터페이스에서 struts2만 사용하여 페이지로 이동하는 경우 페이지 효과가 그다지 좋지 않으며 부분 새로 고침(즉, 비동기 제출 확인)도 불가능하다는 사실을 발견했습니다.
그래서 인터넷에서 해결책을 찾기 시작했습니다. 어떤 사람들은 숨겨진 iframe을 통해 효과를 얻을 수 있다고 했지만 항상 번거롭고 비현실적이었습니다. 나중에 선생님께 물어보니 ajax를 사용하면 원하는 효과를 얻을 수 있다고 하더군요. 인터넷에 ajax의 예가 많이 있는데, SSH2(통합)와 ajax(ajax는 jQuery 프레임워크).
원하는 효과를 알려주세요.
로그인 페이지에서 제출을 클릭하면 백그라운드 확인이 수행됩니다.
확인에 성공하면 index.Jsp로 이동합니다.
확인에 실패하면 jQuery 스크립트가 실행됩니다.
필수 패키지:
SSH2에서 사용하는 패키지 외에도 다음과 같은 struts2 패키지도 필요합니다.
commons-beanutils-1.8.0.jar
commons-collections -3.1.jar
commons-fileupload-1.3.1.jar
commons-io-2.2.jar
commons-lang-2.4.jar
commons-lang3-3.1.jar
commons-logging-1.1.3.jar
ezmorph -1.0.6.jar
freemarker-2.3.19.jar
json-lib-2.3-jdk15.jar
ognl-3.0.6.jar
struts2-core-2.3.16.3.jar
struts2-json-plugin-2.3 .16.3.jar
xwork-core-2.3.16.3.jar
좋아, 코드 게시를 시작하자:
login.jsp
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
<title>会员登陆</title>
<!-- 必须添加jQuery 否则ajax将不启用。-->
<script type="text/javascript"src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click (function(){
varuser =$("#User").val();
varpassWord =$("#PassWord").val();
$.ajax({
//这里的需要Struts.xml的<action/>的name属性一致。
url:‘login.action‘,
//提交类型
type:‘POST‘,
//提交数据给Action传入数据
data:{‘User‘:user,‘PassWord‘:passWord},
//返回的数据类型
dataType:‘json‘,
//成功是调用的方法
success:function(data){
//获取Action返回的数据用 data.Action中的属性名 获取
if(data.result=="false")
{
alert("账号密码错误");
}elseif(data.result=="true"){
//进行页面跳转，因为ajax我们的Action只返回数据，不在进行跳转了...
location.href = "index.jsp";
}
}
});
});
});
</script>
</head>
<body> 계정:
비밀번호:
<input id="button" type="button"value="提交" /> </body> </html>
LoginAction. java
publicclass LoginAction extends ActionSupport {
//使用@Resource注解注入条件属性名与 ref要一致才可
@Resource
FUserService fUserServiceImp;
@Resource
FUser fUser;
private String User;
private String PassWord;
private String result;
public String getResult() {
returnresult;
}
publicvoid setUser (String User) {
this.User = User;
}
publicvoid setPassWord(String PassWord) {
this.PassWord = PassWord;
}
public String execute() throws Exception {
HttpServletRequest request = ServletActionContext.getRequest();
//获取ajax传过来的数据直接使用前台的属性名即可获取。
fUser.setUserEmail(User);
fUser.setUserPassWord(PassWord);
if(fUserServiceImp.CheckUser(fUser)!=null){
//返回给ajax的数据
this.result = "true";
}else{
this.result = "false";
}
return"success";
}
}Struts.xml
<?xml version="1.0"encoding="UTF-8"?>
<struts>
<!—这是我们配置SSH时配置Struts的package -->
<package name="Struts" extends="struts-default">
<action name="login"class="loginAction">
</action>
</package>
<!—为了让ajax可以调用Spring中的Action 配置ajax的package -->
<package name="ajax_json" extends="json-default">
<!—本处的id就是ajax url的值，class引用了Spring 配置Action的id-->
<action name="login" class="loginAction">
<result name="success" type="json"/>
</action>
</package>
</struts>위는 모든 사람을 위해 편집한 내용이며, 앞으로 모든 사람에게 도움이 되기를 바랍니다.
관련 기사:
AJAX 매개변수를 구성하여 양식 요소를 JSON으로 변환
Spring MVC 환경에서 구현된 JSON 형식 데이터에 대한 Ajax 비동기 요청
브라우저 차단을 방지하기 위해 새 양식을 여는 ajax 콜백 효과적인 방법_ AJAX 관련
위 내용은 SSH+Jquery+Ajax 프레임워크 통합의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7683
15
1639
14
1393
52
1286
25
1229
29
Java 프레임워크에 대한 상용 지원의 비용 효율성을 평가하는 방법
Jun 05, 2024 pm 05:25 PM
Java 프레임워크에 대한 상용 지원의 비용/성능 평가에는 다음 단계가 포함됩니다. 필요한 보증 수준과 SLA(서비스 수준 계약) 보장을 결정합니다. 연구지원팀의 경험과 전문성. 업그레이드, 문제 해결, 성능 최적화와 같은 추가 서비스를 고려하십시오. 위험 완화 및 효율성 향상을 기준으로 비즈니스 지원 비용을 평가합니다.
PHP 프레임워크의 경량 옵션은 애플리케이션 성능에 어떤 영향을 줍니까?
Jun 06, 2024 am 10:53 AM
경량 PHP 프레임워크는 작은 크기와 낮은 리소스 소비를 통해 애플리케이션 성능을 향상시킵니다. 그 특징은 다음과 같습니다: 작은 크기, 빠른 시작, 낮은 메모리 사용량, 향상된 응답 속도 및 처리량, 리소스 소비 감소 실제 사례: SlimFramework는 500KB에 불과한 REST API를 생성하며 높은 응답성과 높은 처리량을 제공합니다.
PHP 프레임워크의 학습 곡선은 다른 언어 프레임워크와 어떻게 비교됩니까?
Jun 06, 2024 pm 12:41 PM
PHP 프레임워크의 학습 곡선은 언어 숙련도, 프레임워크 복잡성, 문서 품질 및 커뮤니티 지원에 따라 달라집니다. PHP 프레임워크의 학습 곡선은 Python 프레임워크에 비해 높고 Ruby 프레임워크에 비해 낮습니다. Java 프레임워크에 비해 PHP 프레임워크는 학습 곡선이 적당하지만 시작하는 데 걸리는 시간이 더 짧습니다.
Java 프레임워크의 성능 비교
Jun 04, 2024 pm 03:56 PM
벤치마크에 따르면 소규모 고성능 애플리케이션의 경우 Quarkus(빠른 시작, 낮은 메모리) 또는 Micronaut(TechEmpower 우수)가 이상적인 선택입니다. SpringBoot는 대규모 풀 스택 애플리케이션에 적합하지만 시작 시간과 메모리 사용량이 약간 느립니다.
Golang 프레임워크 문서화 모범 사례
Jun 04, 2024 pm 05:00 PM
Golang 프레임워크에서는 명확하고 포괄적인 문서를 작성하는 것이 중요합니다. 모범 사례에는 Google의 Go 코딩 스타일 가이드와 같은 확립된 문서 스타일을 따르는 것이 포함됩니다. 제목, 부제, 목록 등 명확한 조직 구조를 사용하고 탐색 기능을 제공하세요. 시작 안내서, API 참조 및 개념을 포함하여 포괄적이고 정확한 정보를 제공합니다. 코드 예제를 사용하여 개념과 사용법을 설명합니다. 문서를 계속 업데이트하고, 변경 사항을 추적하고, 새로운 기능을 문서화하세요. GitHub 문제 및 포럼과 같은 지원 및 커뮤니티 리소스를 제공합니다. API 문서와 같은 실용적인 예제를 만듭니다.
다양한 애플리케이션 시나리오에 가장 적합한 golang 프레임워크를 선택하는 방법
Jun 05, 2024 pm 04:05 PM
애플리케이션 시나리오를 기반으로 최고의 Go 프레임워크를 선택하세요. 애플리케이션 유형, 언어 기능, 성능 요구 사항 및 생태계를 고려하세요. Common Go 프레임워크: Gin(웹 애플리케이션), Echo(웹 서비스), Fiber(높은 처리량), gorm(ORM), fasthttp(속도). 실제 사례: REST API(Fiber) 구축 및 데이터베이스(gorm)와 상호 작용. 프레임워크를 선택하세요. 주요 성능을 위해서는 fasthttp를 선택하고, 유연한 웹 애플리케이션을 위해서는 Gin/Echo를, 데이터베이스 상호작용을 위해서는 gorm을 선택하세요.
Java 프레임워크 학습 로드맵: 다양한 분야의 모범 사례
Jun 05, 2024 pm 08:53 PM
다양한 분야에 대한 Java 프레임워크 학습 로드맵: 웹 개발: SpringBoot 및 PlayFramework. 지속성 계층: Hibernate 및 JPA. 서버 측 반응형 프로그래밍: ReactorCore 및 SpringWebFlux. 실시간 컴퓨팅: ApacheStorm 및 ApacheSpark. 클라우드 컴퓨팅: Java용 AWS SDK 및 Google Cloud Java.
Golang 프레임워크 학습 과정에서 흔히 저지르는 오해는 무엇입니까?
Jun 05, 2024 pm 09:59 PM
Go 프레임워크 학습에는 다섯 가지 오해가 있습니다. 프레임워크에 대한 과도한 의존과 제한된 유연성입니다. 프레임워크 규칙을 따르지 않으면 코드를 유지 관리하기가 어려워집니다. 오래된 라이브러리를 사용하면 보안 및 호환성 문제가 발생할 수 있습니다. 패키지를 과도하게 사용하면 코드 구조가 난독화됩니다. 오류 처리를 무시하면 예기치 않은 동작과 충돌이 발생합니다.
