로그인 버튼을 클릭해도 프런트 엔드가 응답하지 않는 이유는 무엇입니까? 오류도 보고되지 않습니다. jquery를 작성하는데 실수가 있는 걸까요? 주씨의 글을 거의 그대로 복사한 것입니다. 왜 아직도 응답이 없나요? 공개 문서에도 JQUERY가 소개되어 있습니다. 나에게 몇 가지 지침을 주십시오. 다음은 뷰 레이어 local.html 파일의 소스코드입니다
{include file='public/header' /}
<body style="Background-color: #393D49">
< div class="x -box">
~ ;
</li>
<li style="배경색상: #EA5 " >
div class="x-mid">
>;
<div class="input">
<form class="layui-form">
<div class="layui-form-ite m x-로그인 상자">
<label for="username" class="layui-form-label">
<i class="layui-icon"></i>
</라벨>
<div class="layui-input-inline">
<input type="text" id="name" name="name" class="layui-input" placeholder="username" 필요 =" ">
</div>
</div>
<d iv class="layui-form-item x-login-box">
<label for="password" class= "layui-form-label">
<i class="layui-icon"></i>
</label>
<div class="layui-input -inline">
<input type="password" id="password" name="password" class="layui-input" placeholder="******" 필수="">
</div>
<div class="layui-form-item" id="loginbtn">
<button lay-filter="save" class="layui-btn"lay-submit="" 유형=' 버튼' id="loginbt">
登 录
</button>
</div>
</form>
</div>
</div>
</div>
<p style="color:#fff;text-align: center;">Copyright © 2017.회사명 모든 권리 X-admin
{include file="public/script" // var form =layui.form(),
레이어 =layui .layer;
$('.x-login-right li').click(function(event) { color = $(this).attr('color'); $('본문 ').css('배경색', 색상); });
layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
},함수 () {
location.href = "__STATIC__/ index.html";
})
false 반환;
});
*/
} );
</script>
<script>
$(function(){
$("#loginbt").on('click',function(){
$.ajax({
유형:'POST',
url:"{:url('login/check')} ",
data:$(".layue-form").serialize(),
dataType:"json",
성공:function(data){
if(data.status==1){
경고(data.message);
window.loction.href="{:url('index/index')}";
}else{
경고(data.message);
window.loction.href="{:url('login/index')}";
}
}
})
})
})
</script>
</body>
</html>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
코드가 너무 많아 자세히 살펴보지 못했습니다. 개발자 도구를 사용하여 로그를 인쇄하여 오류를 찾을 수 있습니다. 또한 레이어 팝업 레이어를 사용했지만 팝업 레이어 모듈을 사용하지 않은 것으로 확인됩니다.
백엔드 로그인 컨트롤러 코드는 다음과 같습니다.
<?php
namespace appadmincontroller;
use appadmincommonBase;//Base는 다양한 내부 라이브러리 파일을 자동으로 참조했습니다. 여기서는 실수가 없습니다.
use appadminmodelAdmin;
클래스 로그인 확장 베이스{
/**로그인 인터페이스 렌더링*/
공개 함수 인덱스() {
return $this->fetch('login');
}
/** 사용자 신원 확인* /
공개 함수 검사($request 요청){
//상태 설정
$status=0;
//폼에서 제출한 데이터를 가져와서 변수에 저장
$data =$ request->param();
$name=$data['name'];
$password=md5($data['password']);
// 관리 테이블에서 수행 Query
$map=['name'=>$name];
$admin = Admin::get($map); //객체가 반환됩니다
//사용자 이름과 비밀번호를 별도로 확인하세요
// 사용자를 찾을 수 없는 경우
if(is_null($admin)){
//반환 정보 설정
$message = '사용자 이름이 잘못되었습니다.';
}elseif($admin-> 비밀번호 != $ 비밀번호){
$message='비밀번호가 올바르지 않습니다.';
}else{
//사용자 이름과 비밀번호가 정확하면 합법적인 사용자입니다
$status=1;
$message= '확인이 통과되었습니다. 배경으로 들어가려면 확인을 클릭하세요.';
//테이블에서 로그인 횟수와 로그인 시간을 업데이트합니다
$admin->setInc('login_count') //tp5 자동 증가 방식
$admin-> save(['lasttime'=>time()]);
//다른 컨트롤러가 로그인 판단을 할 수 있도록 세션에 사용자 로그인 정보를 저장합니다.
Session::set('user_id' ,$name) ;
세션::set('user_info',$data);
}
return ['status'=>$status,'message'=>$message];
}
/**
* 로그아웃
*/
공용 함수 loginout()
{
//현재 사용자의 로그인 정보 삭제
Session::delete('user_id');
Session::delete ('사용자 정보' ;
이 백엔드 프론트엔드는 X-ADMIN 프레임워크를 도입한 것입니다