Как передать значение из одной страницы в скрипт формы, чтобы результат работы этого скрипта вывести в новой вкладке?

Question

[tectolog]

Привет всем.

Помогите разобраться в:
1. Ситуация:
на сайте среди прочих есть 2 страницы:

• 1-ая (урл) - выводится список общих данных, среди которых есть серийные номера
  
• 2-ая (урл) - выводится форма (method="POST") для поиска по серийному номеру и сам результат поиска, если поиск производится вручную (вбиваем серийный номер в поле и на этой же странице (урл-е) получаем результат поиска)
  

2.Вопрос:
реально ли, передав с 1-ой страницы через jquery ajax значение серийного номера в скрипт формы 2-ой страницы, вывести результат поиска в новой открытой вкладке?
Другими словами, обычно пользователь в 1-ой странице обнаруживает серийный номер (копирует его), далее в меню переходит на 2-ую страницу, вставляет в форму поиска серийный номер, жмет "искать" и получает на этой же 2-ой странице ниже результат поиска - вопрос: реально ли этот, в ручную осуществляемый, процесс превратить в программно выполняемый, чтоб по нажатию на серийный номер на 1-ой странице открывалась новая вкладка с уже найденными результатами поиска, ну, и сам серийный номер уже значился бы в соответствующем поле формы?

3. Примечание:
поискав в инете решения, нашел такие, что, да? новая вкладка открывается, но без результатов поиска и без серийника в соответствующем поле формы, хотя при этом функция ajax возвращает success как true

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

Answer 1

[Владимир Римидалв]

Привет)

Ну, можно сделать что-то вроде
1) Нужный номер подставить как query параметр ссылки на стороне js (htt://page2?number=123) или подставить в какое-то поле с id со стороны пхп прежде чем выплюнуть страницу
2) На второй странице

$( document ).ready(function() {
    // если передал через ссылку
    let params = window.location
                       .search
                       .replace('?','')
                       .split('&')
                       .reduce(
                          function(p,e){
                              let a = e.split('=');
                              p[ decodeURIComponent(a[0])] = decodeURIComponent(a[1]);
                              return p;
                          },
                          {}
                      );
    console.log( params);

    // если подставил в поле с бэка
    $("#id").val();
});

и все, дальше вертишь как хочешь, можешь подставить значение в нужную апишку, получить данные и отобразить на странице

Comments

[Геннадий]

И зачем эти танцы с бубном в виде js, если в скрипте для 2-ой страницы можно сразу проверять get-параметр в php, и если он корректно передан, сразу осуществлять поиск или подставлять значение в форму при её выводе?

[AUser0]

Геннадий, зато модно, молодёжно, JS-но, хайпово-инновационно, и потом за***шься распутывать клубок таких хитросплетений.

[tectolog]

Геннадий, Спасибо за подсказку, но в описании указано, что 2-ая (урл) страница - выводится форма (post-запросы) - method="POST", а не GET. Лучше исправлю там

[Геннадий]

tectolog, и что? Ну пусть форма дальше и отправляет POST запросы. Речь о том, чтобы при открытии 2ой страницы вы проверяли GET-параметры, когда переходите по ссылке с 1ой страницы.

[tectolog]

Геннадий, проблему частично решил, пришлось подправить форму, чтобы она работала методом GET, подправил rout (маршрут), в итоге удалось открыть 2-ую страницу по ссылке с 1-ой с GET-параметрами в запросе, вставить в поле формы "серийный номер" переданный серийный номер и из JS программно запустить сабмит формы - результаты поиска выводятся, но... происходит бесконечное обновление страницы, т.к. не получается остановить загрузку страницу :) Как здесь быть?

[Владимир Римидалв]

tectolog, не надо вызывать сабмит, надо дергать апишку из js и js'ом подставлять данные на страницу. (А если у тебя логика отображения данных на пхп реализована, то можешь на стороне пхп, при загрузке твоей второй страницы сразу смотреть в гет параметры и подставлять нужный номер)

[Владимир Римидалв]

Геннадий,

танцы с бубном в виде js

не понял, в чем проблема дернуть апишку с фронта?

сразу осуществлять поиск или подставлять значение в форму при её выводе

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

[tectolog]

Геннадий, я так и реализовал - 2-ая страница открыта, в форму поиска в поле переданный серийный номер добавлен, но тогда надо вручную жать submit, а надо, чтобы результат поиска был выдан под формой поиска. И что значит апишка? Это что? API?

[Владимир Римидалв]

tectolog, наверное ты все-таки мне хотел ответить, а не Геннадию)
Если хочешь сделать правильно, то у тебя должно быть 2 пхп метода, первый отдает тебя страницу (шаблон), второй отдает тебе данные (json). На фронте должна быть функция, которая будет ajax'ом ходть по второму методу, получать данные и подставлять их в хтмл. Так ты сможешь дергать эти данные хоть при загрузке страницы, хоть по событию нажатия кнопки поиска.

Если хочешь сделать быстро и просто, то, если я правильно понял, у тебя вторая страница отвечает и за первоначальное отображение страницы и за получение и отрисовку данных, то есть у тебя там хтмл код в перемешку с пхп (лучше б ты указал код второй странице в вопросе, чтоб не гадать), тогда ты можешь прям в пхп коде получить параметр гет запроса и там же все подставить и js будет не нужен

И что значит апишка? Это что? API?

Да, но ответ был не тебе, а Геннадию

[tectolog]

Владимир Римидалв, "Если хочешь сделать быстро и просто, то..." - так и сделано и работает, кроме того, что надо вручную сабмитить форму, а надо, чтобы новая вкладка по ссылке с 1-ой страницы открылась и в ней уже присутствовали результаты поиска, ну и для удобства пользователя чтобы серийный номер в форме указывается, чтоб вручную его не вбивать. Код написан на Symfony2 (допотопная версия, т.к. сайт подустарел) - в контроллере на лету создается форма через createFormBuilder, там же далее проверяется, валидны ли значения в форме и если форма отсабмитена, то производится поиск и вывод результатов в эту же страницу. Осталось решить вопрос программного сабмита

[Владимир Римидалв]

tectolog,

в контроллере на лету создается форма через createFormBuilder

после сабмита куда запрос идет? в тот же метод контроллера что отдает форму?

решить вопрос программного сабмита

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

укажи в вопросе код второй страницы и контроллера, который ее отдает и отвечает за поиск при отправке формы

[tectolog]

Владимир Римидалв, я это все понял, бы л затык с обработкой формы в контроллере - теперь починил, все работает! Спасибо за разъяснения!!!

Answer 2

[Геннадий]

У вас 2 разных урла, которые показывают разную информацию. Не совсем понятно, куда и зачем вы отправляете ajax-запрос? Где вы информацию из ответа ajax хотите выводить?

реально ли, передав с 1-ой страницы через jquery ajax значение серийного номера в скрипт формы 2-ой страницы, вывести результат поиска в новой открытой вкладке?

Если вы хотите осуществить переход с одной страницы на другую, то в вашем контексте ajax теряет свой смысл.

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

Реально. И вам будет проще сделать серийные номера в виде ссылок и при нажатии на них переходить на 2 урл, передавая значение серийного номера в get-параметре. В скрипте на 2 урле из $_GET тянуть этот серийный номер, ну и дальше делать, то что вам нужно. Можете произвести поиск сразу при переходе, а можете значение подставить в поле формы по-умолчанию.

Answer 3

[AUser0]

На странице с серийными номерами каждый серийный сделайте ссылкой на вторую страницу, с аргументом вида server.net/page2.php?serial_id=AA12-34-5678.

Соответственно на второй странице сразу делайте поиск этого $_GET['serial_id'], и выводите результат. Ну или если форма нужна-нужна-всенепременнейше - рисуйте эту форму с заполненным из $_GET['serial_id'] полем серийного номера.

Всё!