附加到JQuery和HTML中的URL

时间:2018-04-11 20:46:04

标签: jquery html ajax mongodb

我正在尝试在我从MongoDB收到的URL末尾添加一个单词。我正在使用window.location获取当前网址并尝试从数据库中附加短语data [i] .url

    $(document).ready(function(){
$("#test").click(function(){
    var x = window.location = "www.rand.com/";;
    var result = $('input[type="checkbox"]:checked');
    if(result.length>0) {
        var resultString = "";
        result.each(function () {
            resultString += $(this).val() + " ";
        });
        $.ajax({
            type: 'POST',
            url: '/recipe',
            contentType: "application/json; charset=utf-8",
            dataType: 'json',
            data: JSON.stringify({"search": resultString}),
            success: function (data) {
                console.log(data);
                for (var i = 0; i < data.length; i++)
                    $("#dataId").append("<ul>" + data[i].name + "</ul>" + "<button onclick='" + x + data[id].url + "'</button>");
            }
        });
    }
    else{
        alert("No checkbox checked");
    }
});

});

与数据库的连接正在运行,因为我已经对此进行了测试,我只是尝试创建一个HTML按钮,单击该按钮时会将收到的短语附加到URL的末尾。 (此外,data.name和按钮打印出来但按钮功能不起作用)

1 个答案:

答案 0 :(得分:0)

如果它只是您要创建的URL的字符串,那么您可以使用以下

var url = window.location.href + "/" + data[i].url;

这会显示与http://www.webaddress.com/whatever-is-in-data

类似的内容