У меня есть простая страница, где я извлекаю данные (Категории) из базы данных MySQL и показываю их на странице.когда пользователь выбирает категорию, я пытаюсь загрузить соответствующие подкатегории на странице для выбора пользователем.
Структура таблиц mysql довольно проста
Таблица категорий
id catname catstatus
1 fruits true
2 vegetables true
Таблица подкатегорий
subcatid catid subcatname subcatstatus
1 1 Apples true
2 1 Banana true
3 1 Grapes true
4 2 Potatoes true
Когда я выбираю категории, я показываю их в теге ul, и мой тег ul li выглядит следующим образом
<a title="fruits" href="#" id="1">fruits</a>
и когда пользователь щелкаетпо этой ссылке я выбираю записи, основанные на идентификаторе, используя ajax
<script type="text/javascript" >
$(document).on('click', 'ul.icat li a', function(e) {
e.preventDefault();
$(".selCategory").attr("id","");
$(".selCategory").html("");
$(".selCategory").html($(this).text());
$(".selCategory").attr("id",$(this).attr("id"));
$("#mobilenumber").focus();
$('#usrselsubcategory').empty();
var ID = $(this).attr('id');
var catName = $(this).attr('title');
//alert(ID.toString());
$.ajax({
type:'POST',
url:'ajax/get_sub_category.php',
data:'catid='+ID.toString(),
success:function(html){
//alert("i am here");
$('#usrselsubcategory').append(html);
}
});
});
</script>
все работает нормально, но когда я перехожу на html, проверяю элемент и меняю идентификатор тега привязки с 1 на 2, все равно я загружаю то же самоеподкатегории для идентификатора, мой простой вопрос заключается в том, является ли мой подход правильным и безопасным, или мне нужно рассмотреть возможность избежать ajax, поскольку я хочу иметь более защищенный сайт.Это всего лишь простой одностраничный веб-сайт, пожалуйста, укажите мне лучший подход.