Показать Аякс подсказка из OnClick события SVG

Question

У меня есть SVG с этим кодом для некоторых форм (его карты)

onclick="top.traeDatos(evt.target.id);" 

в HTML файл у меня есть:

function traeDatos(region){ 
    alert(region); 
} 

Итак, я щелкните по области, у меня есть окно предупреждения с именем региона и переменной в html-файле. Thats great

Теперь я хочу, чтобы щелчок на карте показывал всплывающее окно с дополнительной информацией. Я получу использование ajax из нескольких баз данных через файл, называемый, например, «getDetails.php».

Im new в js и ajax, я знаю, как сделать стандартный вызов в ajax, чтобы получить некоторую информацию, заданную id (или имя в этом случае), я знаю, как изменить значение текстового поля на текст Я получаю вызов ajax ... но я не понимаю, как вызвать ajax и показать всплывающую подсказку из этого кода javascript в SVG или в html.

Я не уверен, что слишком tolltip использовать, но одна проблема в то время;)

Можете ли вы просветить меня немного.

Спасибо!

Answer 1

Вот начало:

function traeDatos(region){ 
    var domn = document.domain; 
    document.domain = domn; 
    var detURL = "http://" + domn + "/getDetails.php"; 
    $.ajax({ 
     url: detURL, 
     type: 'POST', 
     data: { 
      region: region 
     }, 
     cache: false, 
     success: function(json){ 
      var data = jQuery.parseJSON(json); 
      //using PHP's json_encode() you can return an array 
      //in the example below 'info' is an item in the array 
      $('#insert_place').val(data.info); 
     } 
    }); 
} 

Позвольте мне знать, если у вас есть какие-то проблемы с этим.