Saving the popup data using jquery

See more:

Javascript

jQuery

JSON

I am having a drop down with "Create New" option. If user clicks "Create New" option then popup window will display with save button. In that popup window, user will enter data and after user will save this data on server.

And passing that script like this,

<button runat="server" id="Savefile" class="btn btn-primary" onclick="savefile()";

When user clicks "Save" button then data has to store in that given path. but it is not performing any action. And it is closing automatically when I click "Save" button. Can you please help me to solve this problem.

Any wrong in this code?

What I have tried:

This is jQuery function for save the data in a popup.

<script type = "text/javascript" >
  function savefile() {

    $(document).ready(function() {
      $('#Savefile').click(function() {
        $.ajax({
          url: 'D:\C#.Net\Scramble.txt',
          datatype: "json",
          method: 'post',
          data : scrtabledata,
          success: function() {
            var scrtabledata = $('#modaltable'); //Table ID
            scrtabledata.empty();
            $(data).each(function() {
              scrtabledata.append('<table><tbody><tr><td>' + scrtabledata.comment + '</td><td>' + scrtabledata.DropDownList2 + '</td><td>' + scrtabledata.DropDownList1 + '</td></tr></tbody></table>');
            });
          }
        });
      });
    });
  }; 
</script>

This is the code for jQuery popup:

<script type="text/javascript">
$(function () {
        //Attach click event to your Dropdownlist
        $("#<%= DropDownConfigFile.ClientID %>").change(function () {
            //Get the selected valu of dropdownlist
            selection = $(this).val();
            //If its one then show the dialog window. You can change this condition as per your need
            if (selection == 1) {
                //Show the modal window
                $('#myModal').modal('show');

            }
        });
    });
</script>