美文网首页
form表单实现下载功能

form表单实现下载功能

作者: zkzhengmeng | 来源:发表于2020-07-02 18:53 被阅读0次
    //实现步骤:
    //1.给下载元素添加点击事件
    //2.创建form标签
    //3.通过input的type="hidden"来传递后台需要的参数
    //4.借助form的submit方法提交数据到后台实现下载功能
    
       <button class="downResult">下载</button>
        $(".downResult").off('click').on('click',function(){
            var $eleForm = $("<form method='get'></form>");
            var tempInput = "<input type = 'hidden' name = 'clearStartDate' value = '"+timeStart+"' />"
                +"<input type = 'hidden' name = 'clearEndDate' value = '"+timeEnd+"' />"
                +"<input type = 'hidden' name = 'parkOperatorType' value = '"+parkOperatorType+"' />"
                +"<input type = 'hidden' name = 'parkName' value = '"+parkName+"' />"
            ;
            $eleForm.append(tempInput);
            $eleForm.attr("action", serverUrl+"parkClearing/exportParkClearingData");
            $(document.body).append($eleForm);
            $eleForm.submit();
            $eleForm.remove();
        });
    
    

    相关文章

      网友评论

          本文标题:form表单实现下载功能

          本文链接:https://www.haomeiwen.com/subject/ynzrqktx.html