转载：关于ajax，form表单提交，http请求提交的区别

最新推荐文章于 2023-07-06 21:35:39 发布

sanly_shi

最新推荐文章于 2023-07-06 21:35:39 发布

阅读量179

点赞数

分类专栏： javascript 文章标签： js

javascript 专栏收录该内容

80 篇文章 4 订阅

订阅专栏

https://www.cnblogs.com/lidgblogs/archive/2017/09/01/7403828.html

ajax模仿form上传：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<form id= "uploadForm">
    <p>指定文件名： <input id="reportType" type="text" name="filename" value= "1"/></p >
    <p>上传文件： <input type="file" name="file" value=""/></p>
    <input type="button" value="上传" οnclick="doUpload()" />
</form>

<script src="jquery-1.8.3.min.js"></script>
<script>





    function doUpload() {
        var formData = new FormData($("#uploadForm")[0]);

        var reportType = $('#reportType').val();


        $.ajax({
            url: 'http://192.168.1.124/creditReoprtImport/import' ,
            type: 'POST',
            data: {reportType:reportType,formData:formData},
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            success: function (returndata) {
                alert(returndata);
            },
            error: function (returndata) {
                alert(returndata);
            }
        });
    }
</script>
</body>
</html>

sanly_shi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
转载：关于ajax，form表单提交，http请求提交的区别

https://www.cnblogs.com/lidgblogs/archive/2017/09/01/7403828.htmlajax模仿form上传：&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewpor
复制链接

扫一扫