使用 jquery 调用链接按钮单击答案

【问题标题】：Calling a linkbutton click with jquery使用 jquery 调用链接按钮单击
【发布时间】：2017-09-08 20:58:52
【问题描述】：

我有一个文本框，我想要一个调用 onkeyup 的函数，因此我有一个隐藏按钮，它试图重定向到另一个 c# 函数。问题是 jquery 进入函数内部，但没有进入服务器端事件。

这是我的两个元素的 HTML：

                    <div class="row" style="margin-top: 5px;">
                        <div class="col-sm-12">
                            <div class="input-group input-group-sm">
                                <span class="input-group-addon">Име:</span>
                                <asp:TextBox ID="tbCliName" ClientIDMode="Static" runat="server" onkeyup="runQuery(this)" CssClass="form-control"></asp:TextBox>
                                <asp:LinkButton ID="hiddenButton" class="btn btn-default" Style="opacity: 0;" ClientIDMode="Static" OnClick="hiddenButton_Click" runat="server"></asp:LinkButton>
                                <span class="input-group-addon">Егн/Булстат:</span>
                                <asp:TextBox ID="tbEgnBStat" ClientIDMode="Static" runat="server" CssClass="form-control"></asp:TextBox>
                            </div>
                        </div>
                    </div>

这是我的 jquery 函数：

function runQuery(e) {
    $('#hiddenButton').click();
}

按钮点击的C#：

protected void hiddenButton_Click(object sender, EventArgs e)
{
    AutoComplete_Press(tbCliName.Text);
}

使用 Ajax 编辑：

函数 runQuery(e) { var search = $(e).val();

function runQuery(e) {
    var search = $(e).val();
    var params = {

        url: 'addEditProduct.ascx/AutoComplete_Press',
        method: 'post',
        contentType: 'aapplication/json',
        data: '{searchClause:' + search + '}',
        dataType: 'json',
        success: function (data) {
            alert(1);
        },
        error: function (data) {
            alert(2);
        }
    };

    $.ajax(params);
}



   [WebMethod]
    public static void AutoComplete_Press(string searchClause)
    {
        int searchType = 0; //ЕГН
        int csKind = 0;

        Regex regex = new Regex("^[0-9]+$");
        if (!regex.IsMatch(searchClause))
            searchType = 1;

        //if (rbLP.Checked)
        //    csKind = 1;

        string clients = laboratory.getClients2(searchType, searchClause, 1);
    }

【问题讨论】：

“jQuery 进入函数内部”是什么意思？这在哪里/如何具体失败？被点击的元素的 HTML 是什么？
被点击的元素是hiddenButton。它进入 jquery 函数内部，就像我放置一个“调试器”一样；它停在那里。
好的，但是有问题的元素的实际 HTML 是什么？ “在 jQuery 函数内部”是指您的 runQuery 函数正在执行吗？ jQuery 选择器在你调试的时候会发现什么吗？
我用更多 HTML 更新了我的问题。选择器找到没有问题的按钮。
我刚刚做了调试器； var a = $('#hiddenButton')：在文本框中输入一个值，然后悬停该变量，它具有按钮的属性。

标签： c# jquery asp.net

【解决方案1】：

尝试使用网络方法。在服务器端

[WebMethod]
public static void BindData()
{
  AutoComplete_Press(tbCliName.Text);
}

在客户端

 $("#hiddenButton").click(function() {
        $.ajax({
            type: "POST",
            url: "index.aspx/BindData",
            contentType: "application/json; charset=utf-8",
            data: JSON.stringify({/*pass values here*/}),
            dataType: "json",      
        });
    });

参考以下链接 https://www.aspsnippets.com/Articles/Calling-server-side-methods-using-JavaScript-and-JQuery-in-ASP.Net.aspx

【讨论】：

这不起作用，因为我无法引用非静态字段。
用 ajax 代码更新了问题，它不再进入 c#。

【解决方案2】：

它不起作用的原因是您使用的是asp:LinkButton，它呈现为a 元素，href 属性设置为javascript:__doPostBack()。

如果您将asp:LinkButton 替换为asp:Button，则调用$('#hiddenButton').click(); 将开始工作。

改这行代码就行了

<asp:LinkButton ID="hiddenButton" class="btn btn-default" Style="opacity: 0;" ClientIDMode="Static" OnClick="hiddenButton_Click" runat="server"></asp:LinkButton>

到这里

<asp:Button ID="hiddenButton" class="btn btn-default" Style="opacity: 0;" ClientIDMode="Static" OnClick="hiddenButton_Click" runat="server"></asp:Button>

【讨论】：

【解决方案3】：

你可以像这样调用函数，但不能调用事件创建一个 Web 方法并尝试 Jquery Ajax

var params = {
                url: 'Index.aspx/YourWebmethod',
                type: "POST",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                traditional: true,
                data: JSON.stringify(data to be send ), 
                success: function (result) {
                    alert('Success');
                },
                error: function (result) { alert('Warning! It failed.'); }
            };
            $.ajax(params);

【讨论】：