javascript - 显示来自 SVG onclick 事件的 ajax 工具提示

Question

我有一个带有此代码的 SVG，用于某些形状（它是一张地图）

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

在我的 html 文件中：

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

所以，我点击一个区域，我有一个带有区域名称和 html 文件中的变量的警报窗口。那太棒了

现在我希望地图上的单击显示一个弹出窗口，其中包含更多信息，我将通过一个名为“getDetails.php”的文件从多个数据库中使用 ajax。

我是 js 和 ajax 的新手，我知道如何在 ajax 中进行标准调用以获取给定 id（或在这种情况下为名称）的一些信息，我知道如何将文本字段的值更改为我得到的文本ajax 调用...但我不明白如何调用 ajax 并显示来自 SVG 或 html 中的那个 javascript 代码的工具提示。

我也不确定要使用什么收费提示，但当时有一个问题；）

能不能给我一点启示。

谢谢！

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);
        }
    });
} 

如果您对此有任何问题，请告诉我。