フォーム全体を投稿する 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 静的メソッドを使用しました。コードを実行すると、サーバー側のコードを正常に実行できますが、Web フォームからデータを取得しません。
NameValue[] formVars 変数にエントリがありません。どうして？？
これに関する更新、空白の aspx ページにコードを配置すると、プログラムが動作します。もともとは、マスター ページ上に構築された aspx ページに配置しました。そのため、マスターページと関係があるようです。