亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Flask 和 jQuery '$' 未定義

Flask 和 jQuery '$' 未定義

呼如林 2023-08-18 10:32:15
我是編程新手,在解釋當我嘗試創建登錄頁面時不斷出現的控制臺錯誤時遇到困難。我有基本的登錄頁面,其中包含電子郵件和密碼輸入,以及顯示登錄頁面和顯示輸入的燒瓶路線。我已經按照在線教程來完成這項工作,但是當我查看控制臺時,我收到以下錯誤:test.js:1 Uncaught ReferenceError: $ is not defined at test.js:1根據教程,這應該可以工作。我的登錄和登錄提交路線如下所示@app.route("/login")def show_login():    return render_template("login.html")      @app.route('/login_submit', methods=['POST'])def login_submit():    """Log a user into the website"""    email = request.form.get('email')    password = request.form.get('password')    user = check_user_login_info(email, password)    print(user)        if (len(user) > 0):        name = user[0].first_name + ' ' + user[0].last_name        session['user_id'] = user[0].user_id        session['cart'] = {}        return jsonify({'login': name})        return jsonify({'invalid': 'Incorrect email or password'}) javascript 看起來像這樣$(document).ready(function() {    $('form').on('submit', function(event) {        $.ajax({            data : {                name : $('#nameInput').val(),                email : $('#emailInput').val()            },            type : 'POST',            url : '/login_submit'        })        .done(function(data) {            if (data.error) {                $('#errorAlert').text(data.login).show();                $('#successAlert').hide();            }            else {                $('#successAlert').text(data.invalid).show();                $('#errorAlert').hide();            }        });        event.preventDefault();    });});在我的 HTML 中,如果我添加到表單中,action='/login_submit' method='POST'我會得到 jsonify 的輸出,顯示登錄成功或無效 html 非?;?,看起來像這樣<script src="/static/test.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>  <h2>Log Into Your Account</h2>  <form >    <p>      Email <input type="text" id='emailInput' name="email">    </p>
查看完整描述

1 回答

?
慕村225694

TA貢獻1880條經驗 獲得超4個贊

這可能是由于 Jquery 導入放置在 HTML 文件中所致。test.js您在導致此類錯誤的文件之后導入 jQuery 。在頂部導入 jQuery 并重試。


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<script src="/static/test.js"></script> 


  <h2>Log Into Your Account</h2>

  <form >

    <p>

      Email <input type="text" id='emailInput' name="email">

    </p>


    <p>

      Password <input type="password" id='passwordInput' name="password">

    </p>


    <p>

      <button type="submit">Submit</button>

    </p>

  </form>

    <div id="successAlert" role="alert" style="display:none;"></div>

    <div id="errorAlert" role="alert" style="display:none;"></div>


查看完整回答
反對 回復 2023-08-18
  • 1 回答
  • 0 關注
  • 129 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號