[英]Value from ajax dialog using jquery / asp.net
我已經待了一天,已經閱讀了幾乎所有關於該主題的帖子,但仍然無法正常工作。 我正在嘗試使用js / ajax從asp.net中的javascript彈出窗口上的文本框(理想情況下是復選框,但從文本框開始進行測試)捕獲值,如下所示:
在Site.Master中:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
HTML:
<script type="text/javascript">
function openprojectCopyModal() {
$("#projectCopyModal").modal('show');
}
function btnCopyConfirmClick() {
$.ajax({
url: "Member/ModalDetails",
type: 'GET',
contentType: "application/json; charset=utf-8",
dataType: 'json',
data: JSON.stringify({
txtTest: $("#txtTest").val()
}),
success: function (response) {
//
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
//
}
});
};
</script>
<!--Modal Save confirmation-->
<div class="modal" id="projectCopyModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Copy Project Confirmation</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Please select optional items to include when copying this project:</p>
<div style="float: left;">
<asp:TextBox ID="txtTest" CssClass="form-control" Width="250px" runat="server" />
</div>
</div>
<div class="modal-footer">
<button id="btnCopyConfirm" type="button" class="btn btn-primary" onclick="btnCopyConfirmClick">Save</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
代碼隱藏:
// Make a copy of project
protected void btnCopy_Click(object sender, EventArgs e)
{
// Get ID of project to copy
ListViewItem item = (sender as ImageButton).NamingContainer as ListViewItem;
int iID_orig = Convert.ToInt16(ListView_Project.DataKeys[item.DataItemIndex].Values["ProjectID"]);
this.Session["copyID"] = iID_orig;
// Prompt to verify
ScriptManager.RegisterStartupScript(this, this.GetType(), "Pop", "openprojectCopyModal();", true);
}
[WebMethod]
[ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)]
public static string ModalDetails(string txtTest)
{
return txtTest;
}
它將彈出對話框,僅此而已,它將不會調用位於我的項目根文件夾Members中的WebMethod'ModalDetails'(嘗試過'url'“〜/ Members / Member / ModalDetails”以及該過程的許多迭代。謝謝
編輯:我更新功能仍然無濟於事:
$(function () {
$('[id*=btnCopyConfirm]').click(function () {
$.ajax({
url: "Member/ModalDetails",
type: 'POST',
contentType: "application/json; charset=utf-8",
dataType: 'json',
data: JSON.stringify({
txtTest: $("#txtTest").val()
}),
success: function (response) {
//
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
//
}
});
});
});
更新由於任何原因我都無法使它正常工作,因此針對那些可能會有所幫助的人,我將其與jquery結合使用了asp按鈕服務器端:
jQuery的:
function storevalue() {
var str = $("#txtTest").val();
alert(str);
if (str=="") {
return false;
}
else {
document.getElementById("hfCopyOptions").value = str;
return true;
}
}
HTML:
<asp:Button ID="btnCopyConfirm" runat="server" CssClass="btn btn-primary" Text="Copy" OnClick="btnCopyConfirm_Click" OnClientClick="return storevalue();" />
在我更新的帖子中使用了UPDATE下的解決方案。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.