Извлечение данных из базы данных MySQL при щелчке по изображению

Question

У меня есть фотография гамбургера. Когда пользователь нажимает на него, я хочу получить все гамбургеры из базы данных в текущем городе пользователя. Я могу получить город пользователя и присвоить его переменной. Теперь, как использовать метод GET для ссылки без использования формы? ...

<a href="demo.php?food=burger&city=currentcity"><img...></a> 

Я хочу заменить 'currentcity' в URL с переменной. Переменная currentcity фактически является параметром в функции, которая является частью функции геолокации и геокодера, которые я использовал, чтобы найти город пользователя ...

function getCurrentCity(city){ 
    //city contains user's current city 
} 

Я могу сделать это в форме поиска с GET метод и присвоение переменной «город» идентификатору поиска, например ..

document.getElementById('searchId').value = city; 

Но как мне это сделать без формы? И только с ссылкой? Должен ли я использовать console.write (// и поместить сюда все мои ссылки и HTML, а затем объединить URL с текущей переменной города?) .. Или есть другой способ сделать это?

Answer 1

Ручка Нажмите на событие с помощью JQuery и внутри событие Вызвать URL, который содержит вашу сторону сервера код и дб запрос, чтобы получить данные, передавая параметры, а затем отображать его в соответствии с требования.

$('#BurgerBtn').on('click',function (e){  
$.ajax({ 
type:'GET', 
url :"/URL", 
dataType: 'json', 
success: function(data) { 
    console.log('success',data); 
}, 
error:function(exception){ 
alert('Exeption:'+exception); 
} 
}); 
    e.preventDefault(); 
});