asp.net 通过 jquery ajax 将参数传递给通用处理程序答案

【问题标题】：asp.net passing paramets to generic handler throgh jquery ajaxasp.net 通过 jquery ajax 将参数传递给通用处理程序
【发布时间】：2014-08-24 21:28:53
【问题描述】：

您好，我一直在阅读这篇文章： asp.net jquery ajax json: Simple example of exchanging data

我也在使用相同的代码问题，即我能够将值传递给我的处理程序，当我使用断点在处理程序中看到值时，一切正常，但我没有得到处理程序返回的值我的 javascript 代码是：

 <script type="text/javascript">
     jQuery("#<%=btnsubmit.ClientID %>").click(function () {

         var myData = { "hicode": $('#textbox1 ').val() };

         $.ajax({
             url: "HandlerHinditoEnglish.ashx",
             data: myData,

             type: 'POST',

             success: function (data) {

                 $("#textbox2").val(data);
             },
             error: function (data, status, jqXHR) { alert("FAILED:" + status); }
         });
     });

处理程序代码是

        HttpResponse r = context.Response;
        r.ContentType = "text/plain";

        string Hinditext = string.Empty;
        string Englishtext = string.Empty;
        string myPar = context.Request.Form["hicode"]; 
        Hinditext = myPar;
        Englishtext = hcnvrt.ToEnglish(Hinditext).ToString();

        context.Response.Write(Englishtext);

我想做的是，如果我在textbox1 中输入一些文本，textbox2 应该填充相同的值。

【问题讨论】：

您确定您的文本框 ID 是 textbox1 和 textbox2？请检查或发布相关的 HTML。
文本框命名不是问题，我在发布之前更改了文本框名称

标签： asp.net

【解决方案1】：

如果您将 Ajax 代码放在 $(document).ready 中，您可以看到它工作正常，但是当您将它放在 .click 事件中时，它会导致错误。这是因为按钮的默认行为。

为了解决这个问题，您需要防止按钮在单击时出现默认行为，因此将e 参数添加到.click 函数并添加e.preventDefault(e);。

您的最终代码必须如下所示：

jQuery("#<%=btnsubmit.ClientID %>").click(function (e) {
    e.preventDefault(e);
    var myData = { "hicode": $('#<%=textbox1.ClientID %>').val() };
    $.ajax({
        url: "HandlerHinditoEnglish.ashx",
        data: myData,
        type: 'POST',
        success: function (data) {
            $("#<%=textbox2.ClientID %>").val(data);
        },
        error: function (data, status, jqXHR) { alert("FAILED:" + status); }
    });
});

【讨论】：