как изменить код с $. ajax () на $ .getJSON

Question

этот код работает с использованием ajax, и я хочу изменить его с помощью json, как правильно его использовать?

AJAX

$('#movie-list').on('click', '.see-detail', function() {
$.ajax({
    url: 'http://omdbapi.com',
    dataType: 'json',
    data: {
        'apikey' : 'myapikey',
        'i' : $(this).data('id')
    },
    success: function (movie) {
        $('.modal-body').html(`...`);
    }
})
});

JSON

$('#movie-list').on('click', '.see-detail', function() {
$.getJSON('http://www.omdbapi.com/?apikey=myapikey&i=='+ $(this).data('id') +'', function(data) {
    $('.modal-body').html(`...`);
});
});

Answer 1

Посмотрите документацию :

jQuery.getJSON( url [, data ] [, success ] )

Итак:

jQuery.getJSON(
    'http://omdbapi.com',           // url
    {                               // data
        'apikey' : 'myapikey',
        'i' : $(this).data('id')
    },
    function (movie) {              // success
        $('.modal-body').html(`...`);
    }
);

---

А вы могли преобразовать строку запроса в URL путем объединения строк: Не . Для этого мы используем библиотеки, потому что они менее подвержены ошибкам и знают все правила для правильного экранирования данных.