为了账号安全,请及时绑定邮箱和手机立即绑定

提交按钮在基于 jquery ajax 的网页上不起作用

提交按钮在基于 jquery ajax 的网页上不起作用

犯罪嫌疑人X 2023-04-27 15:19:40
我正在尝试获取从我的搜索页面插入的所有值,并将其提供给我正在构建的烧瓶应用程序。尽管我网页中的所有按钮和功能都像 .add、.remove、.main_search 一样工作,但提交按钮不会执行任何操作。这是代码的基础:{% extends "layout.html" %}{% block content %} <head>    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>  </head>  <body>    <br />    <div class="container">      <h4 align="center">Select Main Category</h4>      <br /><!--        id="contact-form"-->      <form method="POST" id="insert_form" action="/search2">          <div class="about-center section-center">          <div class="btn-container">              <div class="col-sm-5">              <button class="btn btn-info main_search" name="main_search" id = "s_r" data-id="s_r">S_R</button>              <button class="btn btn-info main_search" name="main_search" id = "c_h" data-id="c_h">C_H</button>               </div>          </div>          </div>        <div class="table-repsonsive">          <table class="table table-bordered" id="item_table">            <thead>              <tr>                <th>Category</th>                <th>Conjunction</th>                <th>Enter Item Name</th>                <th><button type="button" name="add" class="btn btn-success btn-xs add"><span class="glyphicon glyphicon-plus"></span></button></th>              </tr>            </thead>            <tbody></tbody>          </table>          <div align="center"><!--              <button class="btn btn-info" id="contact-form-button" type="submit">submit</button>-->            <input type="submit" name="submit_all_form" id="contact-form-button" class="btn btn-info submit" value="Insert" />          </div>            <span id="error"></span>        </div>      </form>    </div>我正在尝试使用添加按钮将输入框添加到 html 以构建带连词的查询,然后将所有表单数据提供给 sqlalchemy db 以进行高效查询。
查看完整描述

1 回答

?
BIG阳

TA贡献1859条经验 获得超6个赞

变量form(如中form.prop('action'))未定义。您可以使用 访问表单元素this



查看完整回答
反对 回复 2023-04-27
  • 1 回答
  • 0 关注
  • 75 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信