нажатие на ссылку должно отображать результат на той же странице. Кнопка BACK и REFRESH должна работать нормально

В основном на моей веб-странице (fields.php) у меня есть два текстовых поля (X и Y), одна кнопка отправки и два DIV-тега (DIV id = "load", DIV id = "result"). На основе значений, которые мы предоставляем в текстовых полях, запрос будет извлекать некоторые значения из базы данных и отображать их внутри DIV id = "load". Кроме того, я сделал результаты для отображения в виде ссылок (я просто сделал результаты для отображения между привязными тегами). Итак, вот мой вопрос, как только мы нажимаем любую из ссылок в DIV id = "load", запрос должен запускаться на заднем плане, и он должен отображать некоторые значения вида (извлеченные из базы данных) внутри DIV id = "result" , Самое главное, что я хочу, кнопки обновления / возврата / вперед должны работать нормально. Под этим я подразумеваю: например, рассмотрим, что у нас есть 4 ссылки, такие как wwww, xxxx, yyyy, zzzz внутри DIV id = "load". поэтому, если я нажимаю ссылку wwww, некоторый результат (обрабатываемый запросом) должен отображаться внутри DIV id = "result". так что теперь, если я нажму на xxxx, результат должен заменить результат для wwww. Кроме того, если я нажму кнопку «Назад», я должен увидеть результат для wwww внутри DIV id = «result».

может ли кто-нибудь помочь мне в этом? может ли кто-либо предоставить образец кода.

Вот мой код:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>history plugin demo</title> </head> <body> <?php $x = ( !empty( $_REQUEST['X'] ) ? $_REQUEST['X'] : null ); $y = ( !empty( $_REQUEST['Y'] ) ? $_REQUEST['Y'] : null ); ?> Ajax load<BR> <form id="myForm" action='fields.php' method='GET' rel="history"> X <BR> <input type="text" name="X" id="ix" value="<?=$x;?>"><BR> <BR> Y <BR> <input type="text" name="Y" id="iy" value="<?=$y;?>"> <BR> <BR> <input id="sub" type="submit" value="Search" align="centre"/> </form> <hr> <!-- here i am performing lot of database queries using php, but to show it to you, i have simplified the code!--> <div id="load"><a href= "#")> <?php echo $x; ?> </a></div> <!-- so here whne i click on the link, i should pass the link as a text parameter to a query and display the result in div id= result IMPORTANT is : BACK AND REFRESH BUTTON SHOULD WORK AS NORMALLY !--> <div id="result"> </div> <hr> </body> </html>