javascript - jquery .submit() メソッドがページをリロードしない

Question

jquery全体で送信したいフォームがあります..しかし、submitメソッドはリクエストを送信したり、ページをリロードしたりしません。助けはありますか？

HTMLコードには<form></form>タグがなく、テキストボックスと<button></button>

                $('#search_btn').click(function() {
                          e.preventDefault();
                    if ($('#search_txtbx').val().length > 0) {
                        $('<form action="<?= base_url('search'); ?>" method="POST">' +
                                '<input value="ls_subject" name="table" type="hidden">' +
                                '<input value="<?= $type; ?>" name="type" type="hidden">' +
                                '<input value="' + $('#search_txtbx').val() + '" name="search_string" type="hidden">' +
                                '</form>').submit();
                    }
                });

Answer 1

フォローしてみてください...

デモ

$('#search_btn').click(function (e) {
    e.preventDefault();
    if ($('#search_txtbx').val().length > 0) {
        $("body").append('<form style="display:none;" action="<?= base_url(search); ?>" method="POST" id="bghdfrm">' +
            '<input value="ls_subject" name="table" type="hidden">' +
            '<input value="<?= $type; ?>" name="type" type="hidden">' +
            '<input value="' + $('#search_txtbx').val() + '" name="search_string" type="hidden">' +
            '</form>');
        $("#bghdfrm").submit();
    }
});

Answer 2

フォームをDOMに追加してから、フォームを送信する必要があります。

$('#search_btn').click(function() {
 if($('#search_txtbx').val().length > 0) {
  $("body").append('<form style="display:none;" action="<?= base_url('search'); ?>" method="POST" id="bghdfrm">'+
   '<input value="ls_subject" name="table" type="hidden">' +
   '<input value="<?= $type; ?>" name="type" type="hidden">' +
   '<input value="'+$('#search_txtbx').val()+'" name="search_string" type="hidden">' +
   '</form>');
  $("#bghdfrm").submit();
 }
 return false;
});