javascript - 任何可能的方法来保存 html 中单击的元素并在 ajax 调用后检索

Question

是否有任何可能的方法可以将单击的元素保存在 html 中并在 ajax 调用后检索。

Demo

在演示中有一些选项，单击该ajax将在当前应用程序中触发。但在 jsfiddle 中我无法调用 ajax。

HTML:

<div id="search-refine-bar">
  <h2>Heading</h2>
  <p id="ajaxRequest">some bla bla bla..</p>
</div>

单击段落标签后，我请求 ajax 调用并检索数据。每当我触发 ajax 调用时，问题就出现在我当前的应用程序中，整个“容器”正在重新绘制。

还有什么办法吗？ ？

JS:

function makeAjaxCallforAttrVal(b, e, d) {
    appendCurtain();
    var g = closeAllOpenModals();
    var f = e;
    $("#terminalNodeDetails").val(f);
    window.location.hash = e;
    document.cookie = "lastBrowseBookmark=" + window.location.pathname + "?" + e + ";path=/;";
    document.cookie = "lastViewedBeforeLogin=" + location.protocol + "//" + window.location.hostname + window.location.pathname + "?" + e + ";path=/;";
    var h = $("#forwardURL");
    if (h) {
        var a = window.location.pathname + "?" + e;
        $("#forwardURL").attr("value", a);
        var c = $("#AccountLogin");
        if (c && c.length > 0) {
            $("#AccountLogin").removeAttr("href");
            $("#AccountLogin").attr("href", "/LogonForm?storeId=10054&catalogId=10001&forward=" + encodeURIComponent(a));
            $("#AccountLogin").removeAttr("data-navigate");
            $("#AccountLogin").attr("data-navigate", "/LogonForm?storeId=10054&catalogId=10001&forward=" + encodeURIComponent(a))
        }
    }
    $.ajax({
        url: "/",
        data: f,
        async: true,
        cache: false,
        dataType: "html",
        success: function(m) {
            $("#loader").hide();
            if (d && d == "Y") {
                $(window).scrollTop(0)
            }

            attachClickEvent();
            loadItemImages();
            loadSpanForSearchTab();
            scrollToFiter();              // here iam calling the function   
          try {

            }
          catch (err) {}
            return false;
        },
        error: function(j) {
            $("#loader").hide();
            alert("error~~~: " + j)
        }
    })
}

功能:

function scrollToFiter() {
 $('#search-refine-bar').on('click', function(e) {
    var eventNode = e.target.nodeName;
        $(e.target).attr({
            tabindex: "-1",
            focus: "focus"
        }).addClass('highlight').focus().css({
            "border": "1px solid #f00"
        });
 });
}

我知道 ajax 调用完成后，单击将不起作用，我正在寻找相同的其他方式，例如不是在单击时获取“元素”，而是我们是否有任何事件来捕获该元素。

谢谢!

Answer 1

您应该是全局变量或作业的隐藏输入。

var x = document.getElementById("myInput"); .
<input type="hidden" name="lan" id="myInput" value="some value">

你可以做这样的事情
DEMO