Question

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

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

在html文件中我有：

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

所以，我点击一个区域，我有一个警告窗口，其中包含区域名称和html文件中的变量。多数民众赞成

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

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

我也不确定使用什么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);
        }
    });
}

如果您对此有疑问，请告诉我。

从SVG onclick事件中显示ajax工具提示

1 个答案: