Можно ли как то упростить JS?

Question

[4uva4ok1905]

Можно ли как то упростить JS?

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<img src="loading.gif" id="img_load"  height="420">
<a href="#" class="button" onClick="set(0);">кнопка</a>
<a href="#" class="button" onClick="set(1);">кнопка</a>
<a href="#" class="button" onClick="set(2);">кнопка</a>
<a href="#" class="button" onClick="set(3);">кнопка</a>
<div id="results"></div>

$(document).ready(set(4));
function set(id) {
    $.ajax({
        type: 'POST',
        url: 'index.php',
        dataType: 'json',
        data: { right: id },
        success: function(data) { 
            $('#img_load').attr('src', data.src);
            $('#results').text(data.validate);
	            $('.button').text(function(i) { return data["btn_" + (i + 1)]; });
        } 
    });
}

Answer 1

[twobomb]

Может так

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<img src="loading.gif" id="img_load"  height="420">
<a href="#" class="button">кнопка</a>
<a href="#" class="button">кнопка</a>
<a href="#" class="button">кнопка</a>
<a href="#" class="button">кнопка</a>
<div id="results"></div>

$(document).ready(function(){
    $(".button").each(function(i,e){
        $(e).bind("click",function(){set(i);});
    });
set(4);
});
function set(id){
        $.ajax({
            type: 'POST',
            url: 'index.php',
            dataType: 'json',
            data: { right: id },
            success: function(data) { 
                $('#img_load').attr('src', data.src);
                $('#results').text(data.validate);
                  $('.button').text(function(i) { return data["btn_" + (i + 1)]; });
            } 
        });
}

Answer 2

[Андрей Саныч]

разве что ваш ajax переписать на post