ログイン ボタンをクリックしてもフロントエンドが応答しないのはなぜですか?エラーも報告されません。 jqueryの書き方が間違っているのでしょうか? 朱さんのほぼ丸写しです。なぜまだ応答がないのですか？公開文書でも JQUERY が紹介されています。ご指導をお願いします。以下はビュー レイヤー local.html ファイルのソース コードです
{include file='public/header' /}
<body style="background -color：＃393d49 "＆gt;
" "layui-icon x-login-close"＆gt;
"＆gt;
" color="#393D49">
; div class = "x-mid"> "">
;
<div class="input">gt;
<form class="layui-form">
<div class="layui-form -item x-login-box">
<label for="username" class="layui-form-label">
<i class="layui-icon "></i>
</label>
<div class="layui-input-inline">gt;
< ;input type="text" id="name" name="name" class="layui-input" placeholder="username" required="">
</div>
</div>
<div class="layui-form-item x-login-box">
<label for="password" class ＝ライユイ-form-label">
<i class="layui-icon"></i>
</label>
<div class="layui-input-inline">
<input type="password" id="password" name="password" class="layui-input" placeholder="* *****" required="">
</div>
</div>
<div class="layui-form-item" id="loginbtn">
<button lay-filter="save" class="layui-btn"lay -submit="" type='button' id="loginbt">
</button>
</div>
</form>
</div>
</div>
</div>
<p style="color:#fff;text-align: center;">Copyright © 2017.会社名 All Rights X-admin </p>
{ include file="public/script" /}
<script>
layui.use(['form'],
function() {
$ =layui.jquery;
var form =layui.form(),
layer =layui.layer;
$('.x-login-right li').click(function(event) {
color = $(this).attr('color');
$('body ').css('background-color', color);
});
/*监听提交
フォーム。 on('submit(save)',
function(data) {
console.log(data);
layer.alert(JSON.stringify(data.field ), {
title: '最终的提交信息'
},function () {
location.href = "__STATIC__/index.html";
})
return false;
});
*/
});
</script> ;
<script>
$(function(){
$("#loginbt").on('click',function(){
$.ajax({
type:'POST',
url:"{:url('login/check')}",
data: $(".layue-form").serialize(),
dataType:"json",
success:function(data){
if(data.status ==1){
alert(data.message);
window.loction.href="{:url('index/index')}";
}else{
alert(data.message);
window.loction.href="{:url('login/index')}";
}
}
})
})
})
</script>
</body>
</html>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
コードが多すぎます。よく見ていませんでしたが、開発者ツールを使用してログを出力してエラーを見つけることもできます。また、レイヤー ポップアップ レイヤーを使用しているようですが、ポップアップ レイヤー モジュールを使用していませんでした。
これはバックエンド ログイン コントローラー コードです:
<?php
namespace appadmincontroller;
use appadmincommonBase;//Base はさまざまな内部ライブラリ ファイルを自動的に参照しています。ここで間違いはありません
use appadminmodelAdmin;
class Login extends Base{
/**ログインインターフェイスをレンダリングする*/
public function Index() {
return $this->fetch('login');
}
/** ユーザーの身元を確認する* /
Public function check(Request $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-> パスワード != $ password){
$message='パスワードが間違っています';
}else{
//ユーザー名とパスワードが正しければ、それは正規のユーザーであることを意味します
$status=1;
$message= '検証に合格しました。[OK] をクリックしてバックグラウンドに入ります';
//テーブル内のログイン数とログイン時間を更新します
$admin->setInc('login_count') //tp5 自動インクリメント メソッド
$admin-> save(['lasttime'=>time()]);
//他のコントローラーがログイン判定を行うために、ユーザーのログイン情報をセッションに保存します
Session::set('user_id' ,$name) ;
Session::set('user_info',$data);
}
return ['status'=>$status,'message'=>$message];
}
/**
* ログアウト
*/
パブリック関数loginout()
{
//現在のユーザーのログイン情報を削除します
Session::delete('user_id');
Session::delete （'ユーザー情報' ;
このバックエンド フロントエンドは、導入された X-ADMIN フレームワークです