我正在尝试实现一个发布整个表单的 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">×</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(" " + 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" />
我按照以下链接上的教程进行操作，而不是使用 asmx，而是使用 aspx 静态方法。现在运行代码我可以成功执行服务器端代码，但它不会从网络表单中获取任何数据。
NameValue[] formVars 变量没有条目。为什么？？
对此进行更新，我已将代码放在一个空白的 aspx 页面上，然后程序就可以工作了。最初我把它放在一个建立在母版页上的 aspx 页面上。所以它似乎与母版页有关。