Question

我想通过Ajax提交表单。我以前做过，但出于某种原因，每当我点击提交时，它总是会提交表单并刷新页面。一旦按下提交按钮，我就只对控制台日志进行了测试功能，但这甚至都不起作用。

一旦我可以在没有页面刷新的情况下使控制台日志工作，那么我可以自己做Ajax，因为我知道如何。

这是我的表格（请记住，我只是在这里发布一个输入只是为了一个例子）。

function submit_form(e) {
    e.preventDefault();
    console.log('working');
    return false;
};


   {!! form_open('myaccount/product_coupon/add',['id' => 'product_coupon_form', 'onsubmit'=> 'submit_form']) !!}

 Username <input type="text" name="username" class="form-control">

 <input type="submit" class="btn btn-primary" id="submit">

 </form>

我也试过用$('#submit').click(function()...来调用它，但仍然没有做任何事情

Answer 1

1st：确保包含jquery

第二步：将代码包装在$(document).ready(function(){ //code here })

中

第3名：你可以使用表单提交而不是提交按钮点击

$(document).ready(function(){
     $('#product_coupon_form').on('submit' , function(e){
          submit_form(e);
     })
});

Form_Open总是提交 - 通过Ajax提交 - CodeIgniter

1 个答案: