AJAX Реализовать автозаполнение полей загружая данные с API

мне нужно написать функцию ajax которая будет принимать данные с одного поля в форме, высылать запрос к апи и заполнять автоматически остальные поля.

это все работает уже, но без ajax.

@app.route('/payers_detail', methods=['GET', 'POST'])
def frmPayersDetail():
    global userPermissRole
    form = FrmPayers(request.form)

    if request.method == 'POST':
        if request.form['submit_btn'] == 'find_nip':
            api_data = api.searchData(nip=form.nip.data)
            try:
                form.name.data = api_data[0]['Nazwa']
                form.pna.data = api_data[0]['KodPocztowy']
                form.city.data = api_data[0]['Miejscowosc']
                form.street.data = api_data[0]['Ulica']
                form.house_nr.data = api_data[0]['NrNieruchomosci']
                return render_template('payers_detail.html', title='Dane płatnika',
                                       translator=translatorLang, form=form,
                                       userGroupId=session["userGroupId"],
                                       userPermissRole=session['userPermissRole'],)
            except Exception:
                return render_template('payers_detail.html', title='Dane płatnika',
                                       translator=translatorLang, form=form,
                                       userGroupId=session["userGroupId"],
                                       userPermissRole=session['userPermissRole'],)
        data = request.form
        Payers.UpdatePayers(Payers, data)
        
        anuluj_ref = ''
        return redirect('/home')

    return render_template('payers_detail.html', title='Dane płatnika', form=form,
                           sender=session["req_from"],
                           action='/payers_detail', translator=translatorLang,
                           userPermissRole=session['userPermissRole'])



                                <form action="{{ action }}" method="post">
                                    <label>NIP</label>
                                    <div class="nip-div" name="nip_post" id='nip_input'>
                                        {{ form.nip(class_="form-control") }}
                                        <button type="submit" id="find_nip"></button>
                                    </div>
                                    <label>Nazwa</label>
                                    {{ form.name(class_="form-control") }}
                                    <label>Imię</label>
                                    {{ form.first_name(class_="form-control") }}
                                    <label>Nazwisko</label>
                                    {{ form.last_name(class_="form-control") }}
                                    <label>Numer telefonu</label>
                                    {{ form.phone_nr(class_="form-control") }}
                                    <label>Email</label>
                                    {{ form.email(class_="form-control") }}
                                    <label>Kod pocztowy</label>
                                    {{ form.pna(class_="form-control") }}
                                    <label>Miejscowość</label>
                                    {{ form.city(class_="form-control") }}
                                    <label>Ulica</label>
                                    {{ form.street(class_="form-control") }}
                                    <label>Dom/lokal</label>
                                    {{ form.house_nr(class_="form-control") }}
                                    <div class="text-center mt-3">
                                        <button type="submit" name="submit_btn"value="save">Zapisz</button>
                                        <a href="">Zamknij</a>
                                    </div>
                                </form>