Question

我有以下代码来解析一些json并做其他事情：

<!doctype html>
<html>
<head>
    <title>Parsing</title>
    <script type="text/javascript" src="jquery-2.1.0.min.js"></script>
    <link rel="stylesheet" href="css/index.css" type="text/css" />
</head>
<script>

    $.getJSON(
        'http://sath3g.altervista.org/index.php', { get_param: 'value' }, 
        function(data) {
        // 'data' is an array of objects here
        for(var i=0; i<data.length; i++) {
        //data[i] is an individual line of excel data
            var lin = data[i]["Nr SAT"];



            $('body').append($('<p>').html('Numero Sat: '+ '<a href = http://sath3g.altervsta.org/jsonint.html+?id='+lin '>'+ data[i]["Nr SAT"]+ '</a>'));

            $('body').append($('<p>').html('Data: '+ data[i]["Data"]));
            //http://sath3g.altervsta.org/jsonint.html +?id=+lin

            }
        });
</script>

    <body>
        <header>

        </header>


    </body>

</html>

在下面的代码行中，我想使用变量lin放入链接。但它不起作用。

$('body').append($('<p>').html('Numero Sat: '+ '<a href =http://sath3g.altervsta.org/jsonint.html+?id='+lin '>'+ data[i]["Nr SAT"]+ '</a>'));

这里有什么问题？

Answer 1

您在+变量后缺少lin连接字符。试试这个：

$('body').append($('<p>').html('Numero Sat: <a href ="http://sath3g.altervsta.org/jsonint.html+?id=' + lin + '">'+ data[i]["Nr SAT"] + '</a>'));

更好的是，构建DOM元素而不是连接丑陋的字符串。

var $p = $('<p />');
var $a = $('<a />', { 
    href: 'http://sath3g.altervsta.org/jsonint.html+?id=' + lin,
    text: data[i]["Nr SAT"]
});
$('body').append($p.append($a));

Answer 2

您在 lin

之后缺少'+'

$('body').append($('<p>').html('Numero Sat: '+ '<a href =http://sath3g.altervsta.org/jsonint.html+?id='+lin+'>'+ data[i]["Nr SAT"]+ '</a>'));

将变量放在链接中

2 个答案: