组合 JQuery Click() 和 C# Button OnClick() 事件

本文关键字:Button OnClick 事件 JQuery 组合 Click | 更新日期: 2023-09-27 18:34:36

伙计们,我这里有一个情况,

我有一个 HTTP 处理程序 (InsertMap.ashx( 将数据保存到数据库(表 1(,我使用 JQuery 调用该方法,如下所示

    $('a#AnchSaveData').click(function (e) {
        e.preventDefault();
        $('#mapcodeimage').attr('src', $("#wPaint").wPaint("image"));
        $('#mapcode').val($('#chartdata').html());
        $.post("../InsertMap.ashx", $("form").serialize(), insertCallback);
    });

我还有另一种 C# 方法 (BtnUpdateDiagnosis_Click( 将其他一些值提交到数据库(表 2(,如下所示

protected void BtnUpdateDiagnosis_Click(object sender, EventArgs e)
    {
        if (HfContainer.Value != null)
        {
            ObjPatient.UpdateDiagnosis(TxtChiefComplaints.Text.Trim(), TxtFindings.Text.Trim(), TxtPrecaution.Text.Trim(), TxtDiagnosis.Text.Trim(), TxtManagementPlan.Text.Trim(), Request.Cookies["UserID"].Value, HfContainer.Value, DdlTherapist.SelectedValue);
            Diagnosis();
        }
        else
        {
            Response.Redirect(ObjFunction.GetSeoSpecificURL("RegisterPatient"));
        }
    }
我需要

的是,我需要将这两个方法包含在一个 Single CLICK 事件中,要么是 C# Button OnClick,要么是 JQuery Click((

如何将这两者结合起来?请帮助我

组合 JQuery Click() 和 C# Button OnClick() 事件

jQuery在浏览器中运行,C#在服务器上运行。 要将它们组合在一起,您需要选择它是从浏览器还是从服务器发生,然后将其余参数移动到那里。 由于您有称为"诊断"和"患者"的变量,这些变量可能附加了其他可怕的单词,例如HIPAA和PCI,因此我认为您可能希望让jQuery填充表单变量,并让按钮单击收集这些详细信息并将其转发到ashx上,以避免将数据泄漏到浏览器中。

       $('a#AnchSaveData').click(function (e) {
            e.preventDefault();
            $('#mapcodeimage').attr('src', $("#wPaint").wPaint("image"));
            $('#mapcode').val($('#chartdata').html());
            $.post("../InsertMap.ashx", $("form").serialize(), function (data) {
                insertCallback();
                $('#BtnUpdateDiagnosis').trigger('click');
            });
        });
//Or 

            $('a#AnchSaveData').click(function (e) {
                if (!$(this).hasClass('InsertMapProcess')) {
                    $(this).addClass('InsertMapProcess');
                    e.preventDefault();
                    $('#mapcodeimage').attr('src', $("#wPaint").wPaint("image"));
                    $('#mapcode').val($('#chartdata').html());
                    $.post("../InsertMap.ashx", $("form").serialize(), function (data) {
                        insertCallback();
                        $('#BtnUpdateDiagnosis').trigger('click');
                    });
                }
            });