使用jQuery将表单数据POST到ASP.NET ASMX AJAX Web服务时出错

Question

我正在尝试实现一个发布整个表单的jquery ajax方法。现在我让jquery成功地执行了服务器端代码，但服务器端变量NameValue[]formVars为空！！我不明白为什么。有人能帮我解决这个问题吗。感谢

但是我的jquery ajax调用总是返回空白错误。

这是我的javascript代码

 <script type="text/javascript">
    $(document).ready(function () {

        var MaxInputs = 8; //maximum input boxes allowed
        var InputsWrapper = $("#InputsWrapper"); //Input boxes wrapper ID
        var AddButton = $("#AddMoreFileBox"); //Add button ID
        var x = InputsWrapper.length; //initlal text box count
        var FieldCount = 1; //to keep track of text box added
        $(AddButton).click(function (e)  //on add input button click
        {
            if (x <= MaxInputs) //max input box allowed
            {
                FieldCount++; //text box added increment
                //add input box
                $(InputsWrapper).append('<div><input type="text" name="mytext[]" id="field_' + FieldCount + '" value="Text ' + FieldCount + '"/><a href="#" class="removeclass">&times;</a></div>');
                x++; //text box increment
            }
            return false;
        });
        $("#main_container").on("click", ".removeclass", function (e) { //user click on remove text
            //alert("clicked");
            if (x > 1) {
                $(this).parent('div').remove(); //remove text box
                x--; //decrement textbox
            }
            return false;
        })

        // Add the page method call as an onclick handler for the div.
        $("#Result").click(function () {
            $.ajax({
                type: "POST",
                url: "testingJqueryAjax.aspx/GetDate",
                data: "{'msg':'hello'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    // Replace the div's content with the page method's return.
                    $("#Result").text(msg.d);
                }
            });
        });
        function sendRegistration() {
            var arForm = $("#form1").serializeArray();
            $.ajax({
                type: "POST",
                url: "testingJqueryAjax.aspx/ExecuteRegistration",
                contentType: "application/json",
                data: JSON.stringify({ formVars: arForm }),
                dataType: "json",
                success: function (result) {
                     var jEl = $("#msgdiv");
                    jEl.html(result.d).fadeIn(1000);
                    setTimeout(function () { jEl.fadeOut(1000) }, 5000);
                   // $("#msgdiv").text(result.d);
                },
                error: function (ts) {
                    alert("An error occurred: " + ts.responseText);
                }
            });
        }

        $("#btnSend").click(function () {
            alert("btnSend clicked");
            sendRegistration();
        });
    });
</script>

这是我的服务器端代码

 [WebMethod]
    public static string ExecuteRegistration(NameValue[] formVars)
    {
        StringBuilder sb = new StringBuilder();
        sb.AppendFormat("Thank you {0}, <br/><br/>",
                        HttpUtility.HtmlEncode(formVars.Form("txtName")));
        sb.AppendLine("You've entered the following: <hr/>");
        foreach (NameValue nv in formVars)
        {
            // strip out ASP.NET form vars like _ViewState/_EventValidation
            if (!nv.name.StartsWith("__"))
            {
                if (nv.name.StartsWith("txt") || nv.name.StartsWith("lst") || nv.name.StartsWith("chk"))
                    sb.Append(nv.name.Substring(3));
                else
                    sb.Append(nv.name);
                sb.AppendLine(": " + HttpUtility.HtmlEncode(nv.value) + "<br/>");
            }
        }
        sb.AppendLine("<hr/>");
        string[] needs = formVars.FormMultiple("lstSpecialNeeds");
        if (needs == null)
            sb.AppendLine("No Special Needs");
        else
        {
            sb.AppendLine("Special Needs: <br/>");
            foreach (string need in needs)
            {
                sb.AppendLine("&nbsp;&nbsp;" + need + "<br/>");
            }
        }
        return sb.ToString();
    }

这是html

<hr />
 <div id="msgdiv">
    divmsg : 
</div>
<div id="div1" class="errordisplay" style="display: none">
</div>
<div>
    <div class="label">Name:</div>
    <div>
        <asp:TextBox runat="server" ID="txtName" />
    </div>
</div>
<div>
    <div class="label">Company:</div>
    <div>
        <asp:TextBox runat="server" ID="txtCompany" />
    </div>
</div>
<div>
    <div class="label"></div>
    <div>
        <asp:DropDownList runat="server" ID="lstAttending">
            <asp:ListItem Text="Attending" Value="Attending" />
            <asp:ListItem Text="Not Attending" Value="NotAttending" />
            <asp:ListItem Text="Maybe Attending" Value="MaybeAttending" />
            <asp:ListItem Text="Not Sure Yet" Value="NotSureYet" />
        </asp:DropDownList>
    </div>
</div>
<div>
    <div class="label">
        Special Needs:<br />
        <small>(check all that apply)</small>
    </div>
    <div>
        <asp:ListBox runat="server" ID="lstSpecialNeeds" SelectionMode="Multiple">
            <asp:ListItem Text="Vegitarian" Value="Vegitarian" />
            <asp:ListItem Text="Vegan" Value="Vegan" />
            <asp:ListItem Text="Kosher" Value="Kosher" />
            <asp:ListItem Text="Special Access" Value="SpecialAccess" />
            <asp:ListItem Text="No Binder" Value="NoBinder" />
        </asp:ListBox>
    </div>
</div>
<div>
    <div class="label"></div>
    <div>
        <asp:CheckBox ID="chkAdditionalGuests" Text="Additional Guests" runat="server" />
    </div>
</div>
<hr />
<input type="button" id="btnSend" value="Send Registration" />

我遵循tutorialon的以下链接，而不是使用asmx，我使用了aspx静态方法。现在运行代码，我可以成功地执行服务器端代码，但它不会从webform中获取任何数据。

NameValue[]formVars变量没有条目。为什么？？

对此进行了更新，我将代码放在了一个空白的aspx页面上，然后程序就可以工作了。最初我把它放在一个基于母版页的aspx页面上。因此，它似乎与母版页有关。

Answer 1

此块中的注释：

// [System.Web.Script.Services.ScriptService]

Answer 2

我已经设法解决了这个问题，这个问题是由继承我的测试页的母版页上的java脚本引用引起的。