javascript - 使用 javascript 和 ajax 将 bootstrap 按钮变成链接

Question

我有一个引导按钮，我已将其嵌入到表单中。该表单使用 ajax 请求一个 php 文件。但我无法让按钮像链接一样工作？

引导按钮的 html 代码是:

<a id="btn-login" href="#" class="btn btn-success">Login</a>

js 是:

<script>
$(document).ready(function() {
    $('.myform').on('submit',function(){
         
        // Add text 'loading...' right after clicking on the submit button. 
        $('.output_message').text('Loading...'); 
         
        var form = $(this);
        $.ajax({
            url: form.attr('action'),
            method: form.attr('method'),
            data: form.serialize(),
            success: function(result){
                if (result == 'success'){
                    $('.output_message').text('Message Sent!');  
                } else {
                    $('.output_message').text('Error Sending email!');
                }
            }
        });
         
        // Prevents default submission of the form after clicking on the submit button. 
        return false;   
    });
});
</script>

Answer 1

那么我认为该链接应该发送表单是否正确？这是行不通的，因为链接本身无法触发提交。您需要提交类型的输入。

<input type="submit" class="btn btn-success" value="Login">