Member 13857341 Ответов: 2

Как добавить поле на свой сайт, а затем передать значение на другой сайт для поиска

Я хочу, чтобы мои клиенты могли отслеживать прибытие покупки по

1. Зайдите на мой сайт
2. Введите номер отслеживания в поле
3. Нажмите кнопку Поиск
4. пользователь доставлен на сайт курьера и отображается информация о отслеживании

Курьерский сайт есть https://app.starshipit.com/track.aspx?code=6823256031 (где 6823256031 - номер отслеживания).

Какой HTML я должен добавить, чтобы захватить номер отслеживания, а затем передать его через кнопку "Поиск/трек" на URL-адрес выше.

Ясно, что я новичок, и я ценю опыт и помощь любого, кто может предложить свою помощь.

Спасибо

Это то, что вы были после?

Что я уже пробовал:

Я могу создать поле, но не знаю, как закодировать содержимое поля для заполнения URL-адреса

2 Ответов

Рейтинг:
2

Richard Deeming

Нет необходимости прибегать к Javascript, если вы правильно настроили форму:

<form method="get" action="https://app.starshipit.com/track.aspx">
    <label for="code">Tracking code:</label>
    <input type="text" name="code" id="code" />
    <input type="submit" value="Track" />
</form>

Рейтинг:
1

Afzaal Ahmad Zeeshan

Этот URL-адрес, который Вы нам предоставили, является фиктивным URL-адресом или чем-то еще, потому что он не предоставляет никакой полезной информации и не принимает никакого взаимодействия.

Наконец, это можно сделать в одной полевой форме, где вы перенаправляете пользователя на сайт, который он собирается посетить, я пишу следующий код без тестирования, некоторые незначительные элементы необходимо будет изменить,

<form>
   <label for="trackingCode">Tracking Code</label>
   <input type="text" name="trackingCode" id="trackingCode" />
   <input type="submit" value="Track" onclick="track();" />
</form>

Затем вы можете добавить следующий JavaScript, который будет выполнять эту работу, 
function track() {
   var trackingCodeElement = document.getElementById("trackingCode");
   window.location.href = "https://app.starshipit.com/track.aspx?code=" + trackingCodeElement.value;
}

Этот код подвержен ошибкам, таким как value может быть пусто или около того, но вы можете проверить это, и при этом вы также узнаете некоторые веб-разработки. :-)

Richard Deeming

Нет необходимости в Javascript - просто установите форму action и method, и соответственно назовите поля. :)