Сохранение модальных всплывающих данных с помощью jQuery

Question

Здесь у меня есть всплывающее окно с одной текстовой областью и 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" ид.

Вот код кнопки:

<button runat="server" id="Saveasfile" class="btn btn-primary" OnClick="saveasfile()">Save </button> 

При нажатии на кнопку «Сохранить», пользователь должен сохранить данные, которые вводятся в строках таблицы.

При нажатии кнопки «Сохранить» он автоматически закрывается. При отладке он отображается как «Не найден элемент».

Что мне делать?

Answer 1

Идентификаторы Html должны быть чувствительны к регистру в большинстве браузеров, насколько я знаю. У вас есть

Saveasfile

и пытаются получить

saveasfile

Answer 2

.ajax не может записать данные в файл. Чтобы записать ваши данные в файл, вам нужно написать код на стороне сервера. Или вы можете использовать ActiveXObject в jquery. например:

$(#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(); 
    }