У меня есть небольшой скрипт, который использует AJAX и PHP для отображения изображения. Ниже вы можете видеть, что если я вызову функцию mom (), она будет выглядеть в файле PHP index.php? I = mom и отобразит изображение, которое я ищу.
Но мне нужно, чтобы javascript был легче, поскольку у меня есть 30 изображений, и для каждого из них я должен изменить и скопировать сценарий ниже. Нет ли более простого способа, чтобы функции были разными и по-прежнему вызывали другую страницу?
<script type="text/javascript"> function mom() { var xmlHttp = getXMLHttp(); xmlHttp.onreadystatechange = function() { if(xmlHttp.readyState == 4) { HandleResponse(xmlHttp.responseText); } } xmlHttp.open("GET", "index.php?i=mom", true); xmlHttp.send(null); } function HandleResponse(response) { document.getElementById('mom').innerHTML = response; } </script>
Мой триггер – это
<a href="#" onclick='mom();' />Mom</a> <div id='mom'></div>