Ajax - help

1. id каждого div должен быть уникальным, Вы не можете сделать множество div с одним id.
2. Чтобы получить значение data-num, можно использовать функцию jquery - attr или data. Передать в inf.php обычным способом как переменная запроса (?id=...).
3. Лучше всего задать каждому div некий класс, затем в цикле пройти все div с этим классом (с помощью each) и каждый div заполнить.

div class="submenu"></div>



<script type="text/javascript">

$(function(){
        
        $.ajax({
                url: "/inf.php",
                dataType: "json",
                success:function(data){
                        $(".submenu").each(function(index){$(this).html(data.index));
                }
        });
});
                
</script>

не проверял

Тут возможно несколько вариантов. Например, захардкодить эти значения в файле inf.php , как выше  Chukcha предложил. Или передать их в запросе массивом параметров, или просто json-строкой. А на стороне сервера извлечь соответствующие параметры или раскодировать json-строку.

А смысл? Самый элементарный вариант - 

url: "/inf.php?num="+$('#submenu').attr('data-num')

Либо делать так:

$(".submenu").each(function(index){    
	$.ajax({
                url: "/inf.php?num="+$(this).attr('data-num'),
                dataType: "json",
                success:function(data){
                        $(this).html(data)
                }
        });
});

Смысл - чтобы не делать 100500 запросов на сервер.
А так-то да, я же написал, что варианты разные могут быть.

смысл, чтоб не спамить самого же себя
Встречал такие конструкции.. сервер выпадал в 503

можно собрать объект по data_num - и отправить запрос всего массива, а затем его же и разпарсить