Javascript 将超链接放入脚本中_Javascript_Php_Mysql_Dom Events

Javascript 将超链接放入脚本中

javascript php mysql

Javascript 将超链接放入脚本中,javascript,php,mysql,dom-events,Javascript,Php,Mysql,Dom Events,我不知道到底是什么问题，但我需要把电话号码，网站和电子邮件变成超链接，我真的不知道从哪里开始在使用锚定标签之前，我尝试了一些东西，但没有成功。该信息存储在我的SQL表中，由允许该脚本使用数据的PHP脚本访问，只需创建必要的链接 function geo() { var id = $.QueryString("id"), id = (!id) ? "null" : id; // Passing the value null to s

我不知道到底是什么问题，但我需要把电话号码，网站和电子邮件变成超链接，我真的不知道从哪里开始

在使用锚定标签之前，我尝试了一些东西，但没有成功。该信息存储在我的SQL表中，由允许该脚本使用数据的PHP脚本访问，只需创建必要的链接

function geo() {
    var id = $.QueryString("id"),
        id = (!id) ? "null" : id; // Passing the value null to string
    var loadUrl = 'http://localhost/test/detail.php';
    $.getJSON('http://localhost/test/detail.php?id=' + id, function (data) {
        $.each(data, function (key, val) {
            if (val.Image != "" && val.Image != null) {
                $('#placePic').attr('src', 'images/' + val.Image);
            } else {
                $('#placePic').attr('src', 'images/default_image2.jpg');
            }
            if (val.Name != "" && val.Name != null) {
                $('#placeName').text(val.Name);
            }
            $("#list_All").html("");
            if (val.PhoneNumber != "" && val.PhoneNumber != null) {
                $("#list_All").append("<li><h3>Phone Number :</h3>" + val.PhoneNumber + "</li>");
            } else {
                $("#list_All").append("<li><h3>Phone Number :</h3>No Data Found</li>");
            }
            if (val.Address != "" && val.Address != null) {
                $("#list_All").append("<li><h3>Address :</h3>" + val.Address + "</li>");
            } else {
                $("#list_All").append("<li><h3>Address :</h3>No Data Found</li>");
            }
            if (val.Email != "" && val.Email != null) {
                $("#list_All").append("<li><h3>Email ID :</h3>" + val.Email + "</li>");
            } else {
                $("#list_All").append("<li><h3>Email ID :</h3>No Data Found</li>");
            }
            if (val.Website != "" && val.Website != null) {
                $("#list_All").append("<li><h3>Website :</h3>" + val.Website + "</li>");
            } else {
                $("#list_All").append("<li><h3>Website :</h3>No Data Found</li>");
            }
            $("#pom_btn").attr("href", "http://localhost/test/on_map.html?id=" + val.userId + "&lat=" + val.Lat + "&lon=" + val.Lon);
        });
    });
}
window.onload = function () {
    geo();
}

函数geo（）{
变量id=$.QueryString（“id”），
id=（！id）？“null”：id；//将值null传递给字符串
var loadUrl='1〕http://localhost/test/detail.php';
$.getJSON（'http://localhost/test/detail.php?id='+id，函数（数据）{
$。每个（数据、函数（键、值）{
如果（val.Image！=“”&val.Image！=null）{
$（'#placePic'）.attr（'src'，'images/'+val.Image）；
}否则{
$（'#placePic'）.attr（'src'，'images/default_image2.jpg'）；
}
如果（val.Name！=“”&val.Name！=null）{
$（'#placeName'）.text（val.Name）；
}
$（“#列出所有”）.html（“”）；
如果（val.PhoneNumber！=“”&&val.PhoneNumber！=null）{
$（“#列出所有”）。追加（电话号码：“+val.PhoneNumber+””；
}否则{
$（“#列出所有”）。追加（“电话号码：未找到数据””；
}
if（val.Address！=“”&val.Address！=null）{
$（“#列出全部”）。追加（“地址：“+val.Address+””）；
}否则{
$（“#列出全部”）。追加（“地址：未找到数据””；
}
如果（val.Email！=“”&val.Email！=null）{
$（“#列出所有”）。附加（“电子邮件ID:“+val.Email+””；
}否则{
$（“#列出所有”）。追加（“电子邮件ID:未找到数据””；
}
如果（val.Website！=“”&val.Website！=null）{
$（“#列出全部”）。附加（“网站：“+val.Website+””）；
}否则{
$（“#列出全部”）。追加（“网站：未找到数据””；
}
$（“#pom_btn”）.attr（“href”，”http://localhost/test/on_map.html?id=“+val.userId+”&lat=“+val.lat+”&lon=“+val.lon”）；
});
});
}
window.onload=函数（）{
geo（）；
}

试试这个：

function geo() {
    var id = $.QueryString("id"),
        id = (!id) ? "null" : id; // Passing the value null to string
    var loadUrl = 'http://localhost/test/detail.php';
    $.getJSON('http://localhost/test/detail.php?id=' + id, function (data) {
        $.each(data, function (key, val) {
            if (val.Image != "" && val.Image != null) {
                $('#placePic').attr('src', 'images/' + val.Image);
            } else {
                $('#placePic').attr('src', 'images/default_image2.jpg');
            }
            if (val.Name != "" && val.Name != null) {
                $('#placeName').text(val.Name);
            }
            $("#list_All").html("");
            if (val.PhoneNumber != "" && val.PhoneNumber != null) {
                $("#list_All").append("<li><h3>Phone Number :</h3>" + 
                    "<a href='tel:" + val.PhoneNumber + "'>" + val.PhoneNumber + "</a></li>");
            } else {
                $("#list_All").append("<li><h3>Phone Number :</h3>No Data Found</li>");
            }
            if (val.Address != "" && val.Address != null) {
                $("#list_All").append("<li><h3>Address :</h3>" + val.Address + "</li>");
            } else {
                $("#list_All").append("<li><h3>Address :</h3>No Data Found</li>");
            }
            if (val.Email != "" && val.Email != null) {
                $("#list_All").append("<li><h3>Email ID :</h3>" 
                    "<a href='mailto:" + val.Email + "'>" + val.Email + "</a></li>");
            } else {
                $("#list_All").append("<li><h3>Email ID :</h3>No Data Found</li>");
            }
            if (val.Website != "" && val.Website != null) {
                $("#list_All").append("<li><h3>Website :</h3>" + 
                    "<a href='" + ((val.Website.indexOf("http")!=0)?"http://":"") + val.Website +
                    "'>" + val.Website + "</a></li>");
            } else {
                $("#list_All").append("<li><h3>Website :</h3>No Data Found</li>");
            }
            $("#pom_btn").attr("href", "http://localhost/test/on_map.html?id=" + val.userId + "&lat=" + val.Lat + "&lon=" + val.Lon);
        });
    });
}
window.onload = function () {
    geo();
}

函数geo（）{
变量id=$.QueryString（“id”），
id=（！id）？“null”：id；//将值null传递给字符串
var loadUrl='1〕http://localhost/test/detail.php';
$.getJSON（'http://localhost/test/detail.php?id='+id，函数（数据）{
$。每个（数据、函数（键、值）{
如果（val.Image！=“”&val.Image！=null）{
$（'#placePic'）.attr（'src'，'images/'+val.Image）；
}否则{
$（'#placePic'）.attr（'src'，'images/default_image2.jpg'）；
}
如果（val.Name！=“”&val.Name！=null）{
$（'#placeName'）.text（val.Name）；
}
$（“#列出所有”）.html（“”）；
如果（val.PhoneNumber！=“”&&val.PhoneNumber！=null）{
$（“#列出所有”）。附加（“电话号码：”+
“”；
}否则{
$（“#列出所有”）。追加（“电话号码：未找到数据””；
}
if（val.Address！=“”&val.Address！=null）{
$（“#列出全部”）。追加（“地址：“+val.Address+””）；
}否则{
$（“#列出全部”）。追加（“地址：未找到数据””；
}
如果（val.Email！=“”&val.Email！=null）{
$（“#列出所有”）。附加（“电子邮件ID:”
“”；
}否则{
$（“#列出所有”）。追加（“电子邮件ID:未找到数据””；
}
如果（val.Website！=“”&val.Website！=null）{
$（“#列出所有”）。附加（“网站：”+
“”；
}否则{
$（“#列出全部”）。追加（“网站：未找到数据””；
}
$（“#pom_btn”）.attr（“href”，”http://localhost/test/on_map.html?id=“+val.userId+”&lat=“+val.lat+”&lon=“+val.lon”）；
});
});
}
window.onload=函数（）{
geo（）；
}

对于网站链接，您需要在其前面加上“http://”或“https://”。我做了一个简单的测试，但根据您的情况，可能需要一个更完整的测试。

试试这个：

function geo() {
    var id = $.QueryString("id"),
        id = (!id) ? "null" : id; // Passing the value null to string
    var loadUrl = 'http://localhost/test/detail.php';
    $.getJSON('http://localhost/test/detail.php?id=' + id, function (data) {
        $.each(data, function (key, val) {
            if (val.Image != "" && val.Image != null) {
                $('#placePic').attr('src', 'images/' + val.Image);
            } else {
                $('#placePic').attr('src', 'images/default_image2.jpg');
            }
            if (val.Name != "" && val.Name != null) {
                $('#placeName').text(val.Name);
            }
            $("#list_All").html("");
            if (val.PhoneNumber != "" && val.PhoneNumber != null) {
                $("#list_All").append("<li><h3>Phone Number :</h3>" + 
                    "<a href='tel:" + val.PhoneNumber + "'>" + val.PhoneNumber + "</a></li>");
            } else {
                $("#list_All").append("<li><h3>Phone Number :</h3>No Data Found</li>");
            }
            if (val.Address != "" && val.Address != null) {
                $("#list_All").append("<li><h3>Address :</h3>" + val.Address + "</li>");
            } else {
                $("#list_All").append("<li><h3>Address :</h3>No Data Found</li>");
            }
            if (val.Email != "" && val.Email != null) {
                $("#list_All").append("<li><h3>Email ID :</h3>" 
                    "<a href='mailto:" + val.Email + "'>" + val.Email + "</a></li>");
            } else {
                $("#list_All").append("<li><h3>Email ID :</h3>No Data Found</li>");
            }
            if (val.Website != "" && val.Website != null) {
                $("#list_All").append("<li><h3>Website :</h3>" + 
                    "<a href='" + ((val.Website.indexOf("http")!=0)?"http://":"") + val.Website +
                    "'>" + val.Website + "</a></li>");
            } else {
                $("#list_All").append("<li><h3>Website :</h3>No Data Found</li>");
            }
            $("#pom_btn").attr("href", "http://localhost/test/on_map.html?id=" + val.userId + "&lat=" + val.Lat + "&lon=" + val.Lon);
        });
    });
}
window.onload = function () {
    geo();
}

 $("#list_All").append("<li><a href='" + val.Website + "'>Website</a></li>");

函数geo（）{
变量id=$.QueryString（“id”），
id=（！id）？“null”：id；//将值null传递给字符串
var loadUrl='1〕http://localhost/test/detail.php';
$.getJSON（'http://localhost/test/detail.php?id='+id，函数（数据）{
$。每个（数据、函数（键、值）{
如果（val.Image！=“”&val.Image！=null）{
$（'#placePic'）.attr（'src'，'images/'+val.Image）；
}否则{
$（'#placePic'）.attr（'src'，'images/default_image2.jpg'）；
}
如果（val.Name！=“”&val.Name！=null）{
$（'#placeName'）.text（val.Name）；
}
$（“#列出所有”）.html（“”）；
如果（val.PhoneNumber！=“”&&val.PhoneNumber！=null）{
$（“#列出所有”）。附加（“电话号码：”+
“”；
}否则{
$（“#列出所有”）。追加（“电话号码：未找到数据””；
}
if（val.Address！=“”&val.Address！=null）{
$（“#列出全部”）。追加（“地址：“+val.Address+””）；
}否则{
$（“#列出全部”）。追加（“地址：未找到数据””；
}
如果（val.Email！=“”&val.Email！=null）{
$（“#列出所有”）。附加（“电子邮件ID:”
“”；
}否则{
$（“#列出所有”）。追加（“电子邮件ID:未找到数据””；
}
如果（val.Website！=“”&val.Website！=null）{