ajax提交form表单

转自 ：　http://www.jb51.net/article/35085.htm function submit(){ var formData=$("form").serialize(); $.ajax({ 　　 type: "POST", 　　url: "/index.aspx", 　　processData:true, 　　 data:formData, 　　 success: function(data){ 　　 　　 $("#result").html("保存成功"); 　　　 } 　}); } 转载于:https://www.cnblogs.com/summer520/p/3756908.html 来源： https://blog.csdn.net/weixin_30654419/article/details/99370414

1.到jquery官网去下载jquery.form.js <script type="text/javascript" src="js/jquery.form.js"></script> 2.正常创建表单 <form action="处理页面地址" method="post" enctype="multipart/form-data" id="ctx"> <input type="text" name="name" /> <input type="file" accept="image/*" name="file" /> </form> 3.异步提交 $("#ctx").ajaxSubmit({ success: function(data) { alert(data); } }) 来源： https://blog.csdn.net/weixin_44258748/article/details/98758143

一、前端表单提交时 application/x-www-form-urlencoded 表单代码： <form action="http://localhost:8888/task/" method="POST"> First name: <input type="text" name="firstName" value="Mickey&"><br> Last name: <input type="text" name="lastName" value="Mouse "><br> <input type="submit" value="提交"> </form> 通过测试发现可以正常访问接口，在Chrome的开发者工具中可以看出，表单上传编码格式为 application/x-www-form-urlencoded (Request Headers中)，参数的格式为 key=value&key=value 。 我们可以看出，服务器知道参数用符号 & 间隔，如果参数值中需要 & ，则必须对其进行编码。编码格式就是 application/x-www-form-urlencoded （ 将键值对的参数用&连接起来，如果有空格，将空格转换为 + 加号；有特殊符号，将特殊符号转换为 ASCII HEX 值 ）。 application/x-www-form-urlencoded

小生博客： http://xsboke.blog.51cto.com -------谢谢您的参考，如有疑问，欢迎交流 一. ajax的实现操作流程 实例对象： var xmlhttp = XMLHttprequest() 连接server端： xmlhttp.open("") 发送数据： xmlhttp.send("") # 请求体的内容 ，如果是GET请求就没有内容，内容在URL里面，写为send(null) 监听： xmlhttp(if == 4:{var context = xmlhttp.responsetext}) # 判断服务器是否响应结束，其中4状态表示服务器响应结束 二. ajax第一样例，发送get请求 2.1 django的urls.py from django.contrib import admin from django.urls import path from django.conf.urls import url from ajax import views urlpatterns = [ path('admin/', admin.site.urls), url(r'^index',views.index), url(r'ajax_receive',views.ajax_receive), ] 2.2 django的views.py from

Axios发送请求时params和data的区别 https://www.cnblogs.com/cwzqianduan/p/8675356.html（copy 在使用axios时，注意到配置选项中包含params和data两者，以为他们是相同的，实则不然。 因为params是添加到url的请求字符串中的，用于get请求。 而data是添加到请求体（body）中的， 用于post请求。比如对于下面的get请求：axios({method: "get",url: "http://www.tuling123.com/openapi/api?key=20ff1803ff65429b809a310653c9daac",params: {info: "西安天气"},})如果我们将params修改为data，显然是不能请求成功的，因为get请求中不存在data这个选项。 1、HTTP请求过程中，get请求：表单参数以name=value&name1=value1的形式附到url的后面； 2、post请求：表单参数是在请求体中，也是name=value&name1=value1的形式在请求体中。 POST表单请求提交时，使用的Content-Type是application/x-www-form-urlencoded，而使用原生AJAX的POST请求如果不指定请求头RequestHeader