0

我有一个简单的模态 jQuery 对话框弹出窗口，它收集地址信息，我需要将这些信息传递给后面的代码，以便在用户输入后保存到数据库中。我已经搜索了数百个示例，并且在以下点是最新的，但似乎无论我做什么，创建的 JSON 字符串对于我试图传递的所有字段都显示“未定义”。我的结论是，我用来在 jQuery 中构建 JSON 字符串的方法是错误的，但是在尝试了许多不同的方法之后，它们都不起作用。我尝试通过 ID 访问字段，但如下所示，通过 ID 使用各种方式访问​​字段。以下是代码片段。谁能看到我哪里出错了？

<script type="text/javascript">
    $(function () {
        $('#dialog').dialog({
            draggable: true,
            resizeable: false,
            autoOpen: false,
            height: 700,
            width: 550,
            modal: true,
            top: 0,
            left: 0,
            title: 'Edit Information',
            buttons: {
                'Save': function () {                        
                    $('#ibSaveInfo').click();
                },
                'Cancel': function () {
                    $(this).dialog('close');
                }
            }
        }).parent().css('z-index', '1005');
    });

    $(document).on("click", "#ibSaveInfo", function () {
        var inputArray = new Array;
        var idx = 0;

        inputArray[idx] = 'Address1:' + $("#dialog").find("#txtAddress1").val();

        idx++;
        inputArray[idx] = 'Address2:' + $("#txtAddress2").val();

        idx++;
        inputArray[idx] = 'city:' + $("txtcity").val();

        etc, etc

        var inputArrayList = "{ inputArray: " + JSON.stringify(inputArray) + "}";
        $.ajax({
            type: "POST",
            dataType: "json",
            contentType: "application/json",
            url: "Address.aspx/SaveInfo",
            data: inputArrayList,
            success: function (data) {
                //debugger;

                if (data.d.indexOf("Error") != -1) {
                }
                else {
                    $("#ResultLabel").show();
                    $("#ResultLabel").text("Sum of all the contents is: " + data.d);
                }
            },
            error: function (e, ts, et) {
                //debugger;
                alert(ts);
            }
        }); //ajax func end
    });

    $(document).ready(function () {
        $("#ibEdit").click(function (e) {
            $('#dialog').dialog('option', 'position', [e.pageX + 10, e.pageY + 10]);
            $('#dialog').dialog('open');
        });
    });


<div id="dialog" style="padding-left: 10px; padding-bottom: 15px;">
    <asp:TextBox runat="server" ID="txtAddress1" ClientIDMode="Static" />
    <asp:TextBox runat="server" ID="txtAddress2" ClientIDMode="Static" />
    <asp:TextBox runat="server" ID="txtCity" ClientIDMode="Static" />
    etc, etc
</div>
4

2 回答 2

0

我刚刚为您的确切代码创建了一个 jsFiddle：

http://jsfiddle.net/PfgQy/

它似乎与city表单字段的例外一起工作，因为它缺少 # 并且它的大小写不正确（应该有一个大写 C）。

$("#txtCity").val();

如果您的所有字段仍然损坏，那么是您未提供的页面上的其他内容导致了问题。

希望这可以帮助。

戴夫

于 2013-03-19T21:38:21.810 回答
0

编辑：刚刚注意到您使用的是 asp 文本框。随着 asp 元素的 ID 发生变化。<input>如果您不打算从服务器访问这些值，请尝试使用常规文本框。

而不是这个

idx++;
        inputArray[idx] = 'city:' + $("txtcity").val();

你应该只使用 array.push 函数。

var inputArray = [];
inputArray.push('Address1:' + $("#txtAddress1").val());
inputArray.push('Address2:' + $("#txtAddress2").val();)
inputArray.push('city:' + $("txtcity").val());

也在这里，而不是在代码中调用 clickfunction，只需给它引用另一个函数

$(function () {
        $('#dialog').dialog({
            draggable: true,
            resizeable: false,
            autoOpen: false,
            height: 700,
            width: 550,
            modal: true,
            top: 0,
            left: 0,
            title: 'Edit Information',
            buttons: {
                'Save': save(),
                'Cancel': function () {
                    $(this).dialog('close');
                }
            }
        }).parent().css('z-index', '1005');
    });

function save(){
  var inputArray = [];
  inputArray.push('Address1:' + $("#txtAddress1").val());
  inputArray.push('Address2:' + $("#txtAddress2").val());
  inputArray.push('city:' + $("#txtCity").val()); 
  var json = { "inputArray": inputArray};
        inputArrayList = JSON.stringify(json);
//ajax stuff
}

您还有 2 个文档就绪功能，因此您可以将它们组合起来。这两种方式都是声明文档就绪的方式。

$(document).ready(function(){});
$(function () {});
于 2013-03-19T21:38:59.083 回答