Question

想从我的JS页面调用一个代码隐藏方法。在网站上看了几个例子，但似乎无法让它运作。试过函数（）{ReloadUploadedImages_click（）;,也是AJAX。

在我的JS页面上，我使用DOM元素创建一个按钮，并将其显示在＆＃39; DivHolding2Tabs＆＃39;

内的屏幕上

    var button = document.createElement("input");
    button.type = "button";
    button.id = "myBtn";
    button.value = "im a button";
    DivHolding2Tabs.appendChild(button);

单击按钮时，我想调用MapUserControl.ascx.cs上的ReloadUploadedImages_click();

到目前为止，我试过：

button.onclick = function () { ReloadUploadedImages_click(); };

＆安培;

//button.addEventListener("click", myFunction);

function myFunction() {
alert("BEFORE");
//ReloadUploadedImages_click();
// PageMethods.ReloadUploadedImages_click();

$.ajax({
    type: "POST",
    url: 'MapUserControl.ascx/ReloadUploadedImages_click',
    data: "",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        alert("SUCCESS");
    },
    error: function (e) {
        alert("fail");
    }
});


alert("AFTER");

}

不能让它运转起来。任何人都知道出了什么问题？

Answer 1

你可以尝试：

$('#DivHolding2Tabs').on('click', 'button#myBtn', function() {
    ReloadUploadedImages_click();
}

Answer 2

button.setAttribute("onclick", function() { alert("alert"); });

Answer 3

我的回答基于一个假设 DivHolding2Tabs定义正确，因为它可能是问题，但我不知道

也许一个css代码弄乱了DOM所在的位置，看不见的东西可能在你的按钮之上......

如果您没有在那里找到错误，请检查Chrome中的检查元素。

使用DOM调用JS后面的函数代码

3 个答案: