javascript - jquery .submit() 方法不会重新加载页面

Question

我有一个表单，我想在整个 jquery 中提交它.. 但是提交方法不会发送请求或重新加载页面。有什么帮助吗？

在 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

您必须将表单附加到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;
});

Answer 2

尝试跟随...

演示

$('#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();
    }
});