将动态变量传递到jquery语句中


Passing dynamic variable into jquery statement

所以我正在尝试发布和链接到一个动态URL,并使用jquery重定向来做到这一点。我知道这可能不是最好的方法,我个人也讨厌被重定向,但它有效。无论如何,我在将动态url传递到jquery post表单时遇到了问题,该url是根据单击的任何标记的数据库值生成的。现在,它带来了数据库中最后一个标记的名称和id中的最后一个值,这对我来说很有意义,但肯定不是我想要的。

这是我的javascript代码:

downloadUrl("phpsqlajax_genxml1.php", function (data) {
var xml = data.responseXML;
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
    var id = markers[i].getAttribute("id");
    var name = markers[i].getAttribute("name");
    var description1 = markers[i].getAttribute("description");
    var type = markers[i].getAttribute("type");
    var point = new google.maps.LatLng(
            parseFloat(markers[i].getAttribute("lat")),
            parseFloat(markers[i].getAttribute("lng")));
    var url = "markerpages.php?name=" + name + "&id=" + id;
    var html = "<b>" + name + "</b> <br/>" + description1;
    var contentString = '<div id="content">' +
            '<div id="siteNotice">' +
            '</div>' +
            '<h1 id="firstHeading" class="firstHeading">' + name + '</h1>' +
            '<div id="bodyContent">' +
            '<p>' + description1 + '</p>' + 
            '<p><a href="#" id="markerpages-link">link to dynamic PHP page</a>' +
            '</p>' +
            '</div>' +
            '</div>';  

这是我的jquery代码:

$(document).on("click", "a", "markerpages-link", function () {
        var form = $('<form action="' + url + '" method="post">' +
                '<input type="hidden" name="api_url" value="' + url + '" />' +
                '<input type="text" name="description2" value="' + description1 + '" />' +
                '</form>');
        $('body').append(form);  // This line is not necessary, maybe for IE
        $(form).submit();
    });

感谢您的帮助。非常感谢。

javascript代码中的for循环将把url变量设置为标记数组中的最后一个标记,正如您所注意到的。您似乎已经切断了for循环的最后一部分,所以我不确定您对所设置的变量还做了什么,但我认为您是在以某种方式将它们添加到DOM中。

最好的做法是将一些值设置为DOM元素本身的属性,并为单击设置一个事件处理程序来查找这些值,并相应地进行适当的POST提交。

下面是一个例子。。。

添加DOM元素时,将其href属性指定为该标记的url。

然后,您的事件处理程序可以类似于:

$('a.markerpages-link').click(function(el){
    var form = $('<form action="' + el.attr('href') + '" method="post">' +
        '<input type="hidden" name="api_url" value="' + url + '" />' +
        '<input type="text" name="description2" value="' + description1 + '" />' +
        '</form>');
    $('body').append(form);  // This line is not necessary, maybe for IE
    $(form).submit();
    return false; // so that the link is not followed as it normally would
});