ajax 提交

最新推荐文章于 2022-11-10 09:14:11 发布

原创最新推荐文章于 2022-11-10 09:14:11 发布 · 308 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #function #path #iframe #url

Ajax 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何利用JavaScript中的Ajax技术处理文件导入操作，并通过创建新窗口来展示导入详情，包括导入文件路径的获取与发送至服务器进行处理的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(function () {
   $("#btn_commitfile").click(function () {
        ImportPeiSong();
    });
});

function ImportPeiSong() {
                var path = $("#File1").val();
                $.ajax({
                    type: "post",
                    data: "method=importPeisong" + "&path=" + path,
                    url: "../DataHandlers/Union/UnionPolicyState.ashx",
                    success: function (status) {
                        alert('dfdgg');
                    }

                });
            }

以上为单独js页面写法。

原页面写法：

<script type="text/javascript">
        $(function () {
            $("#btn_commitfile").click(function () {
                ImportPeiSong();
            })
        });
            function ImportPeiSong() {
                var path = $("#File1").val();
                $.ajax({
                    type: "post",
                    data: "method=importPeisong" + "&path=" + path,
                    url: "../DataHandlers/Union/UnionPolicyState.ashx",
                    success: function (status) {
                        alert('dfdgg');
                    }

                });
            }
       
       
    </script>

打开新窗口：

 function ImportDeliveryInfo() {
             var content = "<iframe width='300px' height='180px' frameborder='0' src=\"ImportDeliveryInfo.aspx?id=" + id + "\" ></iframe>";
             var t = new Boxy(content,
                         { unloadOnHide: true, draggable: true, show: true, modal: true,
                             title: "导入配送信息",
                             closeText: "<img src='../_css/controls/boxy_img/fancy_close.png'>"
                         });
         }