فرم اجاکس وردپرس

سلام دوستان من یه فرم داشتم و هرچی تلاش کردن برای لاگین اجاکس امادش کنم نشد ! این کد توی فایل login.php وجود داره توی قالب
اگر میشه یه کمک بدید توی کد های php و js

<form
                                  id="login-form" name="login-form"
                                >
                                  <p
                                    class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide"
                                    style="margin-top: -5%;"
                                  >
                                    <?php wp_nonce_field('ajax-login-nonce', 'security'); ?>
                                    <label for="username"
                                      >نام کاربری</label
                                    >
                                    <input
                                      type="text"
                                      class="woocommerce-Input woocommerce-Input--text input-text form-control"
                                      name="username"
                                      id="username"
                                      autocomplete="username"
                                      value=""
                                    />
                                  </p>
                                  <p style="margin-top: -5%;"
                                    class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide mb-1"
                                  >
                                    <label for="password">گذرواژه</label>
                                    <span class="password-input"
                                      ><input
                                        class="woocommerce-Input woocommerce-Input--text input-text form-control"
                                        type="password"
                                        name="password"
                                        id="password"
                                        autocomplete="current-password" /><span
                                        class="show-password-input"
                                      ></span
                                    ></span>
                                  </p>

                                  <p class="form-row">
                                    <button
                                      type="button"
                                      class="woocommerce-Button button btn btn-primary w-100 btn-lg"
                                      name="submit"
                                      value="submit" style="width: 50%; margin-top: 5%; background-color: #c71035 !important;"
                                      id="loginButton"
                                    >
                                       ورود  
                                    </button>
                                  </p>
                                </form>