ajax提交数据
ajax提交数据
-
ajax提交数据
- 注意:获取值可以从方法参数传过来 也可以通过jquery获取对应标签的值;同时参数要与请求的动作方法的参数一致,否则值无法映射
-
发送 ajax (get 方式简写)请求 注意: ajax请求如果和上次地址相同,就有可能直接读取缓存的内容,而不再次获取最新数据了,所以在请求参数后面加上时间戳
function method(参数value) { $.get('/Control/Action?参数=' + 参数value + "&temp=" + Date.parse(new Date()), function (res) { }); }
-
发送 ajax (post 方式简写)请求
function method(参数value) { var value = $("#Value").val(); $.post('/Control/Action', { 参数1: value, 参数2: 参数value }, function (res) { }); }
- 发送 ajax (post 方式)请求
function method(参数value) { var valueone= $("#value").val(); var url = "/RMA/RMAExpress/Add"; $.ajax({ url: url, type: 'post', data: { value1: valueone, value2: 参数value }, success: function (res) { },
error:function() { } }); } -
发送 ajax (get方式)请求
function method(参数value) { var $expressNo = $("#ExpressNo").val(); var url = "/RMA/RMAExpress/Add"; $.ajax({ url: url, type: 'get', success: function (res) { }, error:function() { } }); }
-
提交表单数据
表单提交方法有三种,主要说下第三种
第一种:用 form 自带属性action 提交
第二种:用 jquery 提交:$("#formid").submit();
第三种:用 ajax 提交
- 发送 ajax 请求 提交表单数据 (注意:
-
-
如果是嵌套的类 比如
pulic class ModelOne { public string Name; } public class ModelTwo { public ModelOne Model{get;set;} public ModelTwo() { Model=new ModelOne(); } } Control: public ActionResult Method(ModelTwo modelTwo){} 前台表单中 Name 为 Model.Name 即可以映射值到 modelTwo下的Model属性下的Name中(可以在此处找到传值的数据与格式,如下)
- 如果提交的表单是列表(集合)数据的话
public class ModelOne { public string Name; public int Age; } public class ModelTwo { public List<ModelOne> List{get;set;} public ModelTwo() { List=new List<ModelOne>(); } } Control: public ActionResult Method(ModelTwo modelTwo){} 前台表单中 Name 为 List[0].Name 即可以映射值到 modelTwo下的List属性下的Name中(第一个) List[0].Name,List[0].Age List[1].Name,List[1].Age...List[n].Name,List[n].Age 即可隐射到List集合下,同时List集合数量为n个 (参考方式如上)
-
cache作用:是否在缓存中读取数据的读取。
cache属性是true(默认值)时:在第一次请求完成之后,如果地址和参数不变化,第二次去请求,会默认获取缓存中的数据,不去读取服务器端的最新数据。
cache属性是flase(默认值)时:每次读取的是最新的数据。
ajax缓存只对GET方式的请求有效,因为浏览器认为POST请求提交的内容必定有变化,所以不走缓存
-
async :https://www.cnblogs.com/yiliweichinasoft/p/3667365.html
- ajax 各属性详解 : https://www.cnblogs.com/tylerdonet/p/3520862.html
-
-
$.ajax({ cache: true,// 其实是不需要,参考上方介绍 type: "POST", url: ajaxCallUrl, data: $('#yourformid').serialize(),// 你的formid 注意:表单提交 这个serialize()方法是核心 async: false, error: function(request) { alert("Connection error"); }, success: function(data) { } });
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决
2018-04-21 适用于app.config与web.config的ConfigUtil读写工具类 基于MongoDb官方C#驱动封装MongoDbCsharpHelper类(CRUD类) 基于ASP.NET WEB API实现分布式数据访问中间层(提供对数据库的CRUD) C# 实现AOP 的几种常见方式
2018-04-21 Go/Python/Erlang编程语言对比分析及示例 基于RabbitMQ.Client组件实现RabbitMQ可复用的 ConnectionPool(连接池) 封装一个基于NLog+NLog.Mongo的日志记录工具类LogUtil 分享基于MemoryCache(内存缓存)的缓存工具类,C# B/S 、C/S项目均可以使用!
2018-04-21 常用样式制作思路 自定义按钮~自适应布局~常见bug seajs简记 初学者必知的HTML规范 不容忽略的——CSS规范
2018-04-21 高效开发之SASS篇 灵异留白事件——图片下方无故留白 你会用::before、::after吗 link 与 @import之对比 学习前端前必知的——HTTP协议详解 深入了解——CSS3新增属性 菜鸟进阶——grunt $(#form :input)与$(#form input)的区别
2018-04-21 input屏蔽历史记录 ;function($,undefined) 前面的分号是什么用处 JSON 和 JSONP 两兄弟 document.body.scrollTop与document.documentElement.scrollTop兼容 URL中的# 网站性能优化 前端必知的ajax 简单理解同步与异步 那些年,我们被耍过的bug——has
2018-04-21 es6 Object.assign ECMAScript 6 笔记(六) ECMAScript 6 笔记(一) react入门——慕课网笔记 jquery中动态新增的元素节点无法触发事件解决办法 响应式图像 弹窗细节 微信浏览器——返回操作 Float 的那些事 Flex布局 HTML5 data-* 自定义属性 参数传递的四种形式
2018-04-21 vue—你必须知道的 js数据类型 前端学习 CSS 居中 事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记(一) web攻击 web安全之XSS JSONP && CORS css 定位 react小结