使用 jQuery 保存 Popup 数据

Saving the Popup data using jQuery

本文关键字：数据 Popup 保存 jQuery 使用      更新时间：2023-09-26

我有一个带有"新建"选项的下拉菜单。如果用户单击"新建"选项，则弹出窗口将显示保存按钮。在该弹出窗口中，用户将输入数据，之后用户将此数据保存在服务器上。

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

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

这段代码有什么错误吗？

试试看：

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

您需要在 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>');
                            });
                        }
                     });
                });
            });
        };

在 data 属性中，您需要以 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>');
                            });
                        }
                     });
                });
            });
        };

更新

相关文章：