Решение для получения динамически созданного изображения с другого сайта?

Question

У меня проблемы с получением динамически созданного образа из этого сервиса:

http://opsin.ch.cam.ac.uk/opsin/USER-STRUCTURE-TO-GENERATE.png

Я пытаюсь использовать то же самое на сайте WordPress для звонков на этот сервер, но не уверен в решении.

Кто-нибудь может предложить хороший способ совершать внешние звонки на этот сервис на лету и вернуть изображение на мой собственный сайт?

Метод, который они используют на своем сайте, отличается и несовместим, поскольку они размещают программное обеспечение Java в своей собственной системе.

Я уверен, что решение довольно простое, я просто не уверен, с чего начать, JS еще не мой сорок.

Answer 1

Решение с помощью jQuery выглядит следующим образом.

К сожалению, на сайте были и другие проблемы, мешавшие его работе, о которых я не знал при первоначальной публикации.

  $(document).ready(function() {
    $("#chemicalNameForm").submit(function(e)  {
        e.preventDefault();
        var chemicalName = $("#chemicalName").val();
        var url = "http://opsin.ch.cam.ac.uk/opsin/" + chemicalName + ".png";
        $('#results').show();
        $("#depiction").attr("src", url);
    })

});