博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ajax模拟Form表单提交,含多种数据上传
阅读量:6231 次
发布时间:2019-06-21

本文共 2284 字,大约阅读时间需要 7 分钟。

---恢复内容开始---

Ajax提交表单、使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取)

有时候前台的数据提交到后台,不想使用form表单上传,希望通过Ajax上传,那么怎么实现呢?

前台页面:

  
    
    
    
    
    
  
Client
CropID
Secret
AppID
Logo

JS代码:

$("#saveInfo").click(function () {                        var clientName = $("#ClientName").val();                        var CropID = $("#CropID").val();                        var Secret = $("#Secret").val();                        var AppID = $("#AppID").val();                        var formData = new FormData();                        alert(clientName);                        formData.append("file", document.getElementById("Logo").files[0]);                        formData.append("clientName", clientName);                        formData.append("CropID", CropID);                        formData.append("Secret", Secret);                        formData.append("AppID", AppID);                        $.ajax({                            url: "上传地址",                            data: formData,                            type: "POST",                            contentType: false,//这里                            processData: false,//这两个一定设置为false                            success: function (info) {                                if (info == "success") {                                      alert("成功上传");                                } else {                                    alert(info);                                }                            }                        });                    });

那么在后台接收使用(这里使用C# 代码实现的,Java代码也一样的道理实现):

HttpRequest request = HttpContext.Current.Request;//获取到前台的ClientNamestring ClientName = request.Params["clientName"];//获取前台的CropIDstring CropID = request.Params["CropID"];//获取前台的Secretstring Secret = request.Params["Secret"];//获取前台的AppIDstring APPID = request.Params["AppID"];//获取前台上传的文件if (request.Files.Count > 0){      HttpPostedFile file = request.Files[0];}

这个功能的实现可以实现如:一个页面注册时上传用户图像等情形,当然是用Form表单也可以实现。

另外,一些ajax提交表单、ajax实现文件上传的实现,可参考:

---恢复内容结束---

转载于:https://www.cnblogs.com/kingkangstudy/p/6528192.html

你可能感兴趣的文章
南京大学周志华教授当选欧洲科学院外籍院士
查看>>
微软豪购Linkedin 补移动社交船票?
查看>>
实例:某大型企业遭受勒索蠕虫袭击纪实
查看>>
“云计算”让城市智慧起来
查看>>
Google计划收购数据科学社区Kaggle
查看>>
《OpenGL ES应用开发实践指南:Android卷》—— 1.3 初始化OpenGL
查看>>
Java 生成 PDF 文档
查看>>
C语言实现栈的基本操作
查看>>
策略模式
查看>>
linux(6.8版本最小化安装)安装nginx实战
查看>>
我的友情链接
查看>>
检讨~
查看>>
html引用公共的html文件
查看>>
关于Java泛型使用的问题记录
查看>>
进入Android Dalvik虚拟机之Dalvik虚拟机的特点
查看>>
while的四种使用方式
查看>>
nginx添加几十个域名
查看>>
SpringMVC同时支持多视图(JSP,Velocity,Freemarker等)的一种思路实现
查看>>
致初入模板创作:了解各种浏览器真正的核心,测试模板兼容时就不用开这么多浏览器...
查看>>
我的友情链接
查看>>