【问题标题】:How to pass the text field value to C# page using ajax如何使用 ajax 将文本字段值传递给 C# 页面
【发布时间】:2015-07-01 05:47:57
【问题描述】:

我想使用 ajax 将参数传递到另一个页面。实际上我有一个弹出对话框,在那个对话框中我有一个文本字段,我必须将该值发送到另一个页面以保存到 db.not 得到如何去做吧。 这是我的代码

$(function() {
    $("#button").click(function() {
        $("#popup").dialog({
            title: "Add",
            width: 430,
            height: 250,
            modal: true,
            buttons: {
                Add: function() {
                    var t = ($('#user').val());
                    $.ajax({
                        type: "POST",
                        url: "Details.aspx.cs/getData",
                        data: {
                            "test1": t
                        },
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function(data) {
                            alert(data);
                        }
                    });

                    $(this).dialog('close');
                }
            }
        });
    });
})

【问题讨论】:

  • 您面临的问题是什么?代码看起来不错
  • 我想将 t 值传递给 getData 方法。没有得到如何在 Details.aspx.cs 页面中的该方法中获取它。

标签: javascript jquery ajax


【解决方案1】:

ajax 调用似乎很好。 json 字符串可能不是从文本框 javascript 值正确形成的。尝试使用 JSON.stringify:

function() {
    var t = ($('#user').val().trim());
    var payload = { "test1" : t };
    $.ajax({
        type: "POST",
        url: "Details.aspx.cs/getData",
        data: JSON.stringify(payload),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(data) {
            alert(data);
        }
});

【讨论】:

  • 在Details.aspx.cs页面如何获取传递值?请帮帮我
  • 它没有提醒数据
  • 不确定在 web 表单中,但在 mvc 中你会做类似的事情; public JsonResult getData(string test1){..........}
  • 这可能会有所帮助; stackoverflow.com/questions/8072745/…
【解决方案2】:

您没有正确传输数据。如果你想这样做,你可以使用 JSON.parse 的 JSON.stringify。

你也可以尝试使用

 data: "{'test':'" +  t+ "'}",

或类似的东西,我过去曾经这样做过,但现在没有眼前的例子。不过以后会清楚的。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-07-05
    • 1970-01-01
    相关资源
    最近更新 更多