如何使用骨干.js的“保存”方法發布數據

Question

我正在嘗試使用主干“保存”方法保存表單數據。 我正在使用POST http方法將數據保存到服務器。 數據確實已保存到服務器，但是在網絡控制台中，我看到POST狀態顯示已取消，但成功創建了數據。 這是js：

var account = Backbone.View.extend({
    el: "#account",
    events:{
        'click button#save' : 'saveList'
    },
    render: function(id){
        value = new accountModel([],{id:id});
    },              
    saveList: function(event){  
        var values = $('#form').serializeJSON();        
            value.save(values, {
                success: function(value){
                    console.log(“success”)  
                },
                error: function(err){
                    console.log('sorry, your record was not saved' + err);  
                }
            });
});

的HTML：

<form class="form" id="form">
    <table>
        <tbody>
            <tr>
             <label>name</label>
             <td><input type="text" name="accountName" maxlength="50"/> </td>            
           </tr>
           <tr>
             <label>first</label>
             <td><input type="text" name="first" maxlength="50"/> </td>            
           </tr>
          <tr>
             <label>last</label>
             <td><input type="text" name="last" maxlength="50"/> </td>            
           </tr>
      </tbody>
   </table>
</form>

我在success（）和error（）處設置了一個調試器點，它總是出現在錯誤中，但仍會發布數據。.我在這里做什么，為什么會如此怪異？ 有任何想法嗎？？

Answer 1

看起來這是在這里回答： jquery $ .post（）被取消

基本上，您需要在saveList函數中使用event.preventDefault() （在執行其他操作之前）。