jQuey에서 false를 반환하는 기능은 무엇인가요?
Return false는 많은 문장에서 사용됩니다. 물론, 이 문장에 익숙한 개발자라면 이 문장의 기본과 기능을 알고 있을 것입니다. 그러나 초보자는 이 문장을 반드시 이해하지 못할 수도 있습니다. . 매우 명확합니다. return false 문의 기능을 예를 통해 소개하겠습니다.
return 문의 기능은 일반적으로 함수 값을 반환하는 것이며 더 이상 다음 명령문을 실행하지 않고 함수가 호출된 위치로 직접 점프하는 것입니다. 또 다른 중요한 기능은 기본 이벤트 동작의 발생을 취소하는 것입니다.
코드 예시는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(){
return false;
})
})
</script>
</head>
<body>
<div id="first">
<div id="second">
<a id="third" href=<a href="http://www.jb51.net">http://www.jb51.net</a>>链接</a>
</div>
</div>
</body>
</html>
위 코드에서 볼 수 있듯이 링크를 클릭해도 http://www.jb51.net 홈페이지로 점프하지 않습니다. 이는 false를 반환하면 브라우저의 기본 설정을 막을 수 있기 때문입니다. 하이퍼링크를 클릭하는 것과 같은 동작은 웹 페이지로 이동하며, 이는 브라우저의 기본 동작입니다. 양식 유효성 검사의 또 다른 예를 살펴보겠습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(":submit").click(function(){
if($("#username").val()=="")
{
alert("用户名不能为空!");
$("#username").focus();
return false;
}
if($("#pw").val()=="")
{
alert("密码不能为空!");
$("#pw").focus();
return false;
}
})
})
</script>
</head>
<body>
<form action="http://www.jb51.net" name="myform">
<ul>
<li>用户名:<input type="text" id="username" /></li>
<li>密码:<input type="password" id="pw" /></li>
<li><input type="submit" value="提交表单"></li>
</ul>
</form>
</body>
</html>
위 코드에서는 각 판단문 끝에 return false 문이 추가됩니다. 사용자 이름이나 비밀번호가 비어 있으면 return false 문이 없으면 프롬프트 상자가 나타납니다. 팝업이 표시되지만 양식 제출을 클릭하는 것이 제출 버튼을 클릭하는 기본 이벤트 동작이므로 양식은 계속 제출됩니다.
그럼 jquery에서 false 반환이 작동하지 않는 이유는 무엇인가요?
다음과 같이 양식 확인 js 코드를 작성했습니다.
function CheckUserName(){
var username = $("#username").val();
$.get("b.php",{ name:username},
function (data){
if(data == 1){
$("#warnning").html("<font color=#FF3300>Account is used.</font>");
return false; //为啥不管用捏？
} else {
$("#warnning").html("<font color=#00CC66>You can register.</font>");
return true; //为啥不管用捏？
}
}
);
}
이유: ajax를 동기식으로 설정하려면 $.ajax를 사용해야 합니다. $.get은 기본적으로 비동기식이므로 콜백 함수 반환 대신 CheckUserName 함수에서 변수를 선언하여 콜백 함수의 반환 값을 받아들이면 CheckUserName이 이 값을 반환합니다.
수정된 코드:
function CheckUserName(){
var username = $("#username").val();
var result=false;
$.ajax({async:false//要设置为同步的，要不CheckUserName的返回值永远为false
,url:'b.php',data:{name:username}
,success:function(data){
if(data == 1){
$("#warnning").html("<font color=#FF3300>Account is used.</font>");
result=false;
} else {
$("#warnning").html("<font color=#00CC66>You can register.</font>");
result=true;
}
}});
return result;//==========这里才是CheckUserName的返回值，回调函数返回值没有意义
}
테스트해 보세요. 문제없습니다!
js/jquery에서 언제 return을 사용하고 언제 return false를 사용합니까? 모두가 헷갈려하는 부분이기도 합니다.
기본적으로 return은 함수의 결과를 반환하는 데 사용됩니다. 결과를 실행하기 위해 함수가 필요한 경우 결과가 필요하지 않으면 반환하지 마세요. >
jq에는 $().each(function(){return false;});
false가 반환되지 않으면 모든 요소가 반복되며, false가 한 번 반환되면 이후 순회는 수행되지 않고 루프가 점프됩니다.
이상은 jQuey의 return false에 대한 자세한 연구입니다. 모든 분들의 연구에 도움이 되기를 바랍니다.
JavaScript의 진화 : 현재 동향과 미래 전망Apr 10, 2025 am 09:33 AMJavaScript의 최신 트렌드에는 Typescript의 Rise, 현대 프레임 워크 및 라이브러리의 인기 및 WebAssembly의 적용이 포함됩니다. 향후 전망은보다 강력한 유형 시스템, 서버 측 JavaScript 개발, 인공 지능 및 기계 학습의 확장, IoT 및 Edge 컴퓨팅의 잠재력을 포함합니다.
Demystifying JavaScript : 그것이하는 일과 중요한 이유Apr 09, 2025 am 12:07 AMJavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.
Python 또는 JavaScript가 더 좋습니까?Apr 06, 2025 am 12:14 AMPython은 데이터 과학 및 기계 학습에 더 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 더 적합합니다. 1. Python은 간결한 구문 및 풍부한 라이브러리 생태계로 유명하며 데이터 분석 및 웹 개발에 적합합니다. 2. JavaScript는 프론트 엔드 개발의 핵심입니다. Node.js는 서버 측 프로그래밍을 지원하며 풀 스택 개발에 적합합니다.
JavaScript를 어떻게 설치합니까?Apr 05, 2025 am 12:16 AMJavaScript는 이미 최신 브라우저에 내장되어 있기 때문에 설치가 필요하지 않습니다. 시작하려면 텍스트 편집기와 브라우저 만 있으면됩니다. 1) 브라우저 환경에서 태그를 통해 HTML 파일을 포함하여 실행하십시오. 2) Node.js 환경에서 Node.js를 다운로드하고 설치 한 후 명령 줄을 통해 JavaScript 파일을 실행하십시오.
Quartz에서 작업이 시작되기 전에 알림을 보내는 방법은 무엇입니까?Apr 04, 2025 pm 09:24 PM쿼츠 타이머를 사용하여 작업을 예약 할 때 미리 쿼츠에서 작업 알림을 보내는 방법 작업의 실행 시간은 CRON 표현식에 의해 설정됩니다. 지금...
JavaScript에서 생성자의 프로토 타입 체인에서 함수의 매개 변수를 얻는 방법은 무엇입니까?Apr 04, 2025 pm 09:21 PMJavaScript 프로그래밍에서 JavaScript의 프로토 타입 체인에서 함수 매개 변수를 얻는 방법 프로토 타입 체인의 기능 매개 변수를 이해하고 조작하는 방법은 일반적이고 중요한 작업입니다 ...
Wechat Mini 프로그램 웹 뷰에서 Vue.js 동적 스타일 변위가 실패한 이유는 무엇입니까?Apr 04, 2025 pm 09:18 PMWeChat 애플릿 웹 뷰에서 vue.js를 사용하는 동적 스타일 변위 실패가 vue.js를 사용하는 이유를 분석합니다.
TamperMonkey에서 여러 링크에 대한 동시 GET 요청을 구현하고 순서대로 반환 결과를 결정하는 방법은 무엇입니까?Apr 04, 2025 pm 09:15 PM동시 링크에 대한 요청을 여러 링크와 순서대로 판단하여 결과를 반환하는 방법은 무엇입니까? 탬퍼 몬키 스크립트에서는 종종 여러 체인을 사용해야합니다 ...
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
SecList
SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
드림위버 CS6
시각적 웹 개발 도구
Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
뜨거운 주제
1374
524019