[WebAPI] - 使用 Ajax 提交 HTML Form Data 到 WebAPI 的方法

背景

根据HTTP标准，HTTP请求可以使用多种请求方法。

HTTP 1.0 定义了三种请求方法：GET、POST 和 HEAD 方法。
HTTP 1.1 新增了五种请求方法：OPTIONS、PUT、DELETE、TRACE 和 CONNECT 方法。

1) GET：请求指定的页面信息，并返回实体主体。
2) HEAD：类似于get请求，只不过返回的响应中没有具体的内容，用于获取报头
3) POST：向指定资源提交数据进行处理请求（例如提交表单或者上传文件）。数据被包含在请求体中。POST请求可能会导致新的资源的建立和/或已有资源的修改。
4) PUT：从客户端向服务器传送的数据取代指定的文档的内容。
5) DELETE：请求服务器删除指定的页面。
6) CONNECT：HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。
7) OPTIONS：允许客户端查看服务器的性能。
8) TRACE：回显服务器收到的请求，主要用于测试或诊断。

Web Client

$(function(){$('#demoForm').on('submit', function (e) {e.preventDefault();
        //var _formData = new FormData($('#demoForm')[0]);//_formData.append("dt", "2018-04-13");//_formData.append('image', $('#Image')[0].files[0]);        $.ajax({cache: false,url: 'http://localhost:10841/api/values',
            type: 'PUT',data: new FormData(this),processData: false,contentType: false}).done(function(res) {console.log('success,' + res);}).fail(function(res) {console.log('fail,' + res);});});
});

WebAPI

public void Put()
{// Verify that this is an HTML Form file upload requestif (!Request.Content.IsMimeMultipartContent()){throw new HttpResponseException(Request.CreateResponse(HttpStatusCode.UnsupportedMediaType));}var _firstname = HttpContext.Current.Request.Form["FirstName"];var _lastname = HttpContext.Current.Request.Params["LastName"];var _images = HttpContext.Current.Request.Files;
}

参考资料

http://www.runoob.com/http/http-methods.html
https://docs.microsoft.com/en-us/aspnet/web-api/overview/advanced/sending-html-form-data-part-2
https://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html

转载于:https://www.cnblogs.com/jinzesudawei/p/8818419.html

[WebAPI] - 使用 Ajax 提交 HTML Form Data 到 WebAPI 的方法相关推荐

ajax提交整个form表单
在项目开发中,有时提交form表单时不能单单用action或者jquery的表单提交方法有三种,主要说下第三种第一种:用form自带属性action提交第二种:用jquery提交:$(" ...
ajax提交，form表单提交，onsubmit=return checksubmit()提交验证
Ajax提交的两种方式: 一是url参数提交数据, 二是form提交(和平常一样在后台可以获取到Form表单的值).在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交一.Url参数提交数据 ...
ajax提交数据给谁,jquery ajax提交数据给后端
大家好,今天铁柱兄给大家带一段jquery ajax提交数据给后端的教学. 初学javaweb的同学前端提交数据基本上都是用form表单提交,这玩意儿反正我是觉得不太好玩.而JavaScript aj ...
表单提交_django 的ajax提交与表单提交记录
好记性不如烂笔头: 据说的ajax提交比表单提交要好,可以不用重新刷新页面: 表单提交:MTV模式 # 局部禁用csrf保护 @csrf_exempt def login(request):if re ...
表单ajax提交插件,详解javascript表单的Ajax提交插件的使用
Ajax 提交插件 form.js 插件有两个核心方法:ajaxForm()和ajaxSubmit(),它们集合了从控制表单元素到决定如何管理提交进行的功能. //ajaxForm 提交方式 $('# ...
ajax 提交list
一.简单的ajax提交 $(function () {$('form').validate({rules: {cnName: {required: true,maxlength: 80}},messa ...
表单和ajax中的post请求后台获取数据方法（深度好文）
最近要做后台数据接收,因为前台传来的数据太过于混乱,所以总结了一下前台数据post请求方法,顺便写了下相对应的后台接收方法. 前台主要的contenttype为下面三种:(需要注意的是请求头中data ...
ajax提交无反应,IE中jquery.form中ajax提交没反应解决方法分享
花了三个钟头,反复查,发现,原来是改了处理页面的返回头信息. 加上了 application/x-javascript ,ie8就不干活了. 如果是text/html,就行,或者不指定也行. 算bug ...
ajax提交Form
2019独角兽企业重金招聘Python工程师标准>>> 如Form代码如下: <form id="Form1" action="action.as ...
html form通过ajax提交表单提交数据,Jquery通过Ajax方式来提交Form表单的具体实现
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({ type: "POST", url: ...

[WebAPI] - 使用 Ajax 提交 HTML Form Data 到 WebAPI 的方法

[WebAPI] - 使用 Ajax 提交 HTML Form Data 到 WebAPI 的方法相关推荐

最新文章

热门文章