Страница перезагружается при отправке формы с магистралью js - PullRequest
Новая
       23

Страница перезагружается при отправке формы с магистралью js

0 голосов
/ 01 марта 2019

Я пытаюсь отправить форму с помощью backbone.js, и когда я нажимаю на кнопку отправить, она обновляет форму.Я добавил свой код JS здесь.Есть ли какой-нибудь источник, из которого я могу получить подробный пример с основой js и правильно описанной основой js.Я новичок в магистрали JS и пытаюсь научиться этому.

$(document).ready(function () {

    Models.morderfaq = Backbone.Model.extend({
        action: "ae-morder_faq-sync",
        defaults: {

        }
    });

    Collections.morderfaqs = Backbone.Collection.extend({
        model: morderfaq,
        el: '#save_faq_form',
        action: 'ae-fetch-morder_faq',
        initialize: function () {

        }
    });

    Views.morderfaq_view = Backbone.View.extend({
        el: '#save_faq_form',
        events: {
            "submit #save_faq_form": "syncChange"
        },
        initialize: function (options) {
            _.bindAll(this, 'syncChange');
            this.model = new morderfaq();
        },
        syncChange: function (event) {
            event.preventDefault();
            var self = this;
            console.log('clicked');
            self.$el.find('input,textarea,select').each(function () {
                self.model.set($(this).attr('name'), $(this).val());
            });

        }
    });
    new Views.morderfaq_view();
});

HTML-код 

    <form class="post et-form" id="save_faq_form" novalidate="novalidate">
                            <div class="form-group clearfix">
                                <div class="input-group">
                                    <label for="" class="input-label">1. send me
                                    </label>
                                    <textarea name="morder_faq_491" class="input-item input-full" id="morder_faq_491" value="" placeholder="Enter Text...">

                                    </textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <button class="btn-save btn-submit" type="submit">SEND</button> 
                                <input type="hidden" class="input-item save_faq_nonce" name="_wpnonce" value="fd75e383ec">
                            </div>
                        </form>
...