Nodejs заполнить раскрывающийся список на основе выбранного значения первого раскрывающегося списка с помощью ajax - PullRequest
Новая
       10

Nodejs заполнить раскрывающийся список на основе выбранного значения первого раскрывающегося списка с помощью ajax

1 голос
/ 15 января 2020

Я недавно задал вопрос об этой подобной топи c, но это было в ReactJS, и теперь мне нужно сделать это в NodeJS.

Это ссылка на страницу в ReactJS, { ссылка }

Я пытаюсь заполнить второй раскрывающийся список на основе выбранного значения первого раскрывающегося списка, второй раскрывающийся список должен быть заполнен JSON API , В настоящее время я использую Express и руль.

Есть ли способ сделать это в NodeJS или мне просто позвонить на страницу stati c и использовать jQuery для выполнения sh задачи?

Вот что я уже сделал

country.hbs 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Country-State</title>
    <!--Load bootstrap.css file-->
    <link rel="stylesheet" href="css/bootstrap.css"/>
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h2>Country-State</h2>
            <div class="form-row">
              <div class="col">
                <label>Choose your country</label>
                <br/><br/>
                <select id="sel">
                    <option value="">Select</option>
                    <option value="Malaysia">Malaysia</option>
                    <option value="Korea">Korea</option>
                </select>
                  <select id="type" name="select">
                      <option value=""></option>
                  </select>
              </div>
            </div>
        </div>
      </div>
    </div>
    <!--Load bootstrap.js file-->
    <script src="js/bootstrap.js"></script>
  </body>

index. js

app.get('/countrystate', (req,res) => {
    const url="http://localhost:4000/db";
    const fetchData = async url => {
        try 
        {
            const response = await fetch(url);
            const result = await response.json();
            console.log(result)
        }
        catch (error)
        {
            console.log(error)
        }
    }

    fetchData(url);
    res.render('country');
});

Заранее спасибо!

1 Ответ

0 голосов
/ 15 января 2020

Я не знаю, полностью ли я понял ваш вопрос, но вот что вы можете сделать, чтобы передать эти данные в вашу страницу c page country.hbs

Для заполнения используйте: res.render ( 'country', fetchData), затем вы можете получить его в файле hbs и отобразить в этом выпадающем списке

...