Hantar borang tanpa butang menggunakan Javascript/Jquery

Question

Saya cuba menghantar borang tanpa butang dengan memanggil fungsi JavaScript dan melaksanakan borang menggunakan JQUERY/PHP. Saya mahu borang dilaksanakan secara senyap pada bahagian belakang tanpa memuatkan semula halaman. Malangnya, ia sentiasa mengembalikan ralat tidak ditentukan fungsi JavaScript, walaupun ia berada pada halaman. Diakui, saya tidak mahir dalam JavaScript, jadi sila layan saya seperti noob dan tunjukkan saya ke arah yang betul. Terima kasih, kod saya ialah

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="my_1form" action="" method="POST">
    <input type="text" name="acc_name" id="acc_name" value="name"/>
    <br/>
    <input type="text" name="with_id" id="with_id" value="1"/>
     <div onclick="submit_1form()">Submit</div>

</form> 

<script>
$(document).ready(function() {
  function submit_1form() {
    var fo1rm = document.getElementById("my_1form");
    fo1rm.submit();
    var acc_name = $("#acc_name").val();
    var with_id = $("#with_id").val();

    var dataString = 'acc_name=' + acc_name +
      '&with_id=' + with_id; {
      // AJAX Code To Submit Form.
      $.ajax({
        type: "POST",
        url: "submit-withdraw.php",
        data: dataString,
        cache: false,
        success: function(result) {}
      });
    }
    return false;
  }
});
</script>

Sila ambil perhatian bahawa saya sedang memanggil skrip Jquery dalam tag pengepala <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>< /p>

Terima kasih banyak-banyak!

Answer 1

Mula-mula pastikan fail jQuery anda dimuatkan dengan betul dan sebaiknya hubungi fungsi javascript anda pada borang yang dihantar.

Answer 2

Tentukan dalam submit_1form 函数嵌套在匿名 document.ready() 函数中，因此在需要时无法在作用域中找到它。由于它是一个函数，因此不需要首先在 document.ready anda.

Untuk mengelakkan muat semula halaman, sila jangan gunakan acara form 的典型 submit 事件。相反，请像现在一样使用 AJAX，并通过 div 的 click untuk mencetuskan AJAX ini.

sssccc

Submit

sssccc