[英]Save the modal popup data using jQuery
在這里,我有一個帶有一個文本區域和2個下拉索引的彈出窗口。 在彈出窗口中,用戶需要輸入數據。 然后,必須將這些數據存儲在給定的路徑中。
jQuery的
$("#saveasfile").click(function () {
var customer = {};
customer.name = $("[id*=comment]").val();
customer.scramble = $("[id*=DropDownList2]").val();
customer.confirm = $("[id*=DropDownList1]").val();
$.ajax({
type: "POST",
url: "D:\Scramble.txt",//path
data: JSON.stringify(customer),
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (r) {
$('#myModal').dialog("close");//modal popup window
// alert("Record inserted successfully.");
}
});
});
</script>
模態彈出表設計:
<textarea class="form-control" id="comment"></textarea>
</td>
<td>
<div class="dropdown">
<asp:DropDownList ID="DropDownList2" runat="server" CssClass="selectpicker">
<asp:ListItem Text="Alpha-Numeric Scramble" />
<asp:ListItem Text="Packed-Decimal Scramble" />
<asp:ListItem Text="Date-Time Scrambler" />
</asp:DropDownList>
</div>
<div class="dropdown">
<asp:DropDownList ID="DropDownList1" runat="server" CssClass="selectpicker">
<asp:ListItem Text="Yes" />
<asp:ListItem Text="No" />
</asp:DropDownList>
並有一個帶有“ savefile” id的按鈕。
這是按鈕代碼:
<button runat="server" id="Saveasfile" class="btn btn-primary" OnClick="saveasfile()">Save </button>
通過單擊“保存”按鈕,用戶應保存在表行中輸入的數據。
單擊“保存”按鈕時,它會自動關閉。 調試時,它顯示為“找不到元素”。
我該怎么辦?
據我所知,HTML ID在大多數瀏覽器中應區分大小寫。 你有
另存文件
並試圖獲得
保存文件
.Ajax無法將您的數據寫入文件。 要將數據寫入文件,您需要編寫服務器端代碼。 或者,您可以在jquery中使用ActiveXObject。 例如:
$(#saveData").click(function(){
customer.name = $("[id*=comment]").val();
customer.scramble = $("[id*=DropDownList2]").val();
customer.confirm = $("[id*=DropDownList1]").val();
writeToFile(customer.scramble, customer.confirm,);
});
function writeToFile(scramble, confirm){
var fso = new ActiveXObject("Scripting.FileSystemObject");
var fh = fso.OpenTextFile("D:\Scramble.txt", 8, false, 0);
fh.WriteLine(scramble+ ',' + confirm);
fh.Close();
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.