Question

我正在下载“创建新”选项。如果用户单击“新建”选项，则弹出窗口将显示“保存”按钮。在该弹出窗口中，用户将输入数据，然后用户将此数据保存在服务器上。

这是用于在弹出窗口中保存数据的jQuery函数。

<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('<tr><td>' + scrtabledata.comment + '</td><td>' + scrtabledata.DropDownList2 + '</td><td>' + scrtabledata.DropDownList1 + '</td></tr>');
            });
          }
        });
      });
    });
  }; 
</script>

像这样传递那个剧本，

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

这是jQuery弹出窗口的代码：

<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>

当用户点击“保存”按钮时，数据必须存储在该给定路径中。但它没有执行任何操作。当我点击“保存”按钮时它会自动关闭。能帮我解决一下这个问题。

此代码有错吗？

Answer 1

试一试：

<script type="text/javascript">
        function savefile() {
                    $.ajax({
                        url: 'D:\C#.Net\Scramble.txt',
                        datatype: "json",
                        method: 'post',
                        success: function () {
                            var scrtabledata = $('#modaltable');//Table ID
                            scrtabledata.empty();

                            $(data).each(function () {
                                scrtabledata.append('<tr><td>' + scrtabledata.comment + '</td><td>' + scrtabledata.DropDownList2 + '</td><td>' + scrtabledata.DropDownList1 + '</td></tr>');
                            });

                        }

                    });
        }
    </script>

Answer 2

您需要在ajax函数中传递该数据，以便保存它。

  $(document).ready(function () {
                $('#Savefile').click(function () {
                    $.ajax({
                        url: 'D:\C#.Net\Scramble.txt',
                        datatype: "json",
                        data : Your Data to be passed,
                        method: 'post',
                        success: function () {
                            var scrtabledata = $('#modaltable');//Table ID
                            scrtabledata.empty();

                            $(data).each(function () {
                                scrtabledata.append('<tr><td>' + scrtabledata.comment + '</td><td>' + scrtabledata.DropDownList2 + '</td><td>' + scrtabledata.DropDownList1 + '</td></tr>');
                            });

                        }

                     });
                });
            });
        };

这里的数据属性需要以json格式传递数据作为键值对。

var myData={"id":"1","Name":"Test"}

通过这种方式，您可以形成自己的JSON并将其传递给您的ajax函数。

你必须考虑如果

<input type="text" id="userId"/>
<input type="text" id="userData"/>

var userID=$('#userId').val();
var userData=$('#userData').val();
  $(document).ready(function () {
                $('#Savefile').click(function () {
                    $.ajax({
                        url: 'D:\C#.Net\Scramble.txt',
                        datatype: "json",
                        data : {
                                 id:userID,
                                 info:userData
                                 },
                        method: 'post',
                        success: function () {
                            var scrtabledata = $('#modaltable');//Table ID
                            scrtabledata.empty();

                            $(data).each(function () {
                                scrtabledata.append('<tr><td>' + scrtabledata.comment + '</td><td>' + scrtabledata.DropDownList2 + '</td><td>' + scrtabledata.DropDownList1 + '</td></tr>');
                            });

                        }

                     });
                });
            });
        };

更新

使用jQuery保存Popup数据

2 个答案: