Функция Javascript, изменяющая значение переменной при передаче между страницами
Я работаю над внутренней веб-системой управления персоналом, чтобы наш отдел кадров мог отслеживать определенные вещи и сообщать о них. Большинство страниц содержат поисковые запросы по идентификатору сотрудника. У них также есть возможность щелкнуть ссылку, которая открывает всплывающее окно, в котором они могут искать идентификатор сотрудника по фамилии сотрудника. Вот где проблема. На всплывающей странице они щелкают по желаемому идентификатору сотрудника, и он отправляет его обратно на страницу поиска. Я почти уверен, что во время тестирования это работало нормально, но затем я изменил таблицу SQL, стоящую за поиском, на ту, которая включает весь пул сотрудников, и время от времени я начал находить странные результаты. После тестирования я понял, что это происходит во время функции Javascript, которая отправляет идентификатор обратно. Я не понимаю, почему это происходит, поскольку функция довольно проста, и я не менял этот код между тестированием и финалом. Он делает это только с некоторыми сотрудниками, поэтому, возможно, он делал это всегда, и я просто не проверял, с кем он это делал.
function submitssn1(ssn)
{
window.opener.location.href = "hr_main.php?empID = " + ssn;
window.close();
}
Ниже приведен код, используемый для запуска функции.
<td><a href = "javascript:submitssn1(' . $row["PersonID"] . ')"><Font
face=verdana size=2>' . $row["PersonID"] . '</font></a></td>';
При поиске по фамилии отображается правильный идентификатор сотрудника. Когда я повторяю идентификатор перед функцией отправки, это тоже правильно. Однако на другую страницу отправляется другой идентификатор. Вы можете вручную скопировать и вставить идентификатор обратно на другую страницу, и поиск будет работать нормально. У меня закончились идеи для проверки, и я не могу найти ничего похожего в Интернете. Будем очень признательны за любые мысли или советы.
* Я знаю, что код старый. Часть того, что я делаю, - это его обновление. Я просто спрашиваю, знает ли кто-нибудь, почему я могу получить странную функциональность Javascript, отправляющую другое число, а не его параметр. Это странно, потому что это происходит в некоторых случаях, но не во всех.
@BillBonney Почему вы объявляете локальную переменную с именем ssn, когда передаете в функцию параметр с тем же именем?
echo?
Пожалуйста, не используйте больше <font>. Он устарел последние 20 лет.
@RyanWilson не уверен, что это не мой код, и я не особо знаком с Javascript, пока не начал этот проект. Я больше занимаюсь PHP.
@BillBonney попробуйте изменить функцию submitssn1 и удалить строку var ssn; Это может решить вашу проблему.
@RyanWilson благодарит за предложение, но, к сожалению, это ничего не изменило в результатах. Это так странно, потому что это случается с некоторыми сотрудниками, а с другими - нет.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вместо того, чтобы открывать окно просто для отправки запроса GET, попробуйте использовать ajax или, по крайней мере, использовать скрытый фрейм. Ajax - это современный метод, который запускается в фоновом режиме и возвращает результаты запроса (ошибки, данные и т. д.). Открытие окна «отправки» ненадежно, потому что вы не знаете, действительно ли данные были отправлены, прежде чем вы автоматически закроете его.
Попробуйте использовать div вместо таблиц. Есть даже табличные div, с которыми вы можете работать. Существуют онлайн-инструменты, которые могут преобразовывать простую таблицу в блоки div. Таблицы предназначены для табличных данных, а не для разметки.
Как указал Райан, ваша самая вопиющая проблема заключается в том, что вы повторно объявляете параметр внутри функции.
Я применил класс CSS для замены тегов шрифтов.
Как ни странно, вы должны узнать о CSS, использовать его вместо тегов шрифтов и таблиц, изучить ajax (это легко с jQuery) и использовать отладчик javascript (они часто поставляются с браузерами), чтобы сообщать вам о допущенных вами ошибках, таких как повторное объявление переменных.
Javascript:
function submitssn1(ssn)
{
//var ssn; //why redeclare the variable that is declared as a function parameter above?
window.opener.location.href = "hr_main.php?empID = " + ssn;
window.close();
}
CSS:
.empID {
font-family: Verdana, Geneva, sans-serif;
font-size:16px;
}
HTML:
<td class = "empID">
<a href = "javascript:submitssn1(' . $row["PersonID"] . ')">
' . $row["PersonID"] . '</a>
</td>';
PHP:
echo $_GET['ssn'];
Извините, я не стал более ясным в своем вопросе. Меня беспокоит только то, почему я получаю странные результаты в моем Javascript. Я хорошо знаю, как работает CSS, и что этот код устарел. Я перевожу этот код, написанный в 90-х, на более современную систему. Я заинтересован в том, чтобы он работал функционально, а затем пройдусь и модернизирую код. Что касается использования div, это табличные данные. Вы выполняете поиск по фамилии, и он создает таблицу сотрудников с фамилиями в критериях поиска.
с
$row[...]вы запрашиваете значение PHP, но вы используете JavaScript, вам нужно использовать<?php $row[..] ?>