jq+ajax提交合并表单,JQuery通过Ajax提交表单并返回结果

2023-11-04

如下:

1:非Ajax

27517225650d7299379a833efcbbf030.png

对应后台:

bc839d513d1020fc88c882ae860c8542.png

2:JQuery之Ajax

在介绍使用JQuery提交表单前,我们需要首先引用jquery.form.js,它来自于http://www.malsup.com/jquery/form/,至此,我们需要引用的JS文件有:

5704de46ff8fcb2f521925792353eba0.png

功能要求:Ajax提交表单,在控制器HelloWorld4Controller中处理请求,并返回若干数据,数据格式为JSON。

首先,我们假设返回的JSON实体为:

public class LoginResultDTO

{

public bool Success { get; set; }

public string Message { get; set; }

public string ReturnUrl { get; set; }

}

控制器部分的代码为:

public class HelloWorld4Controller : Controller

{

public ActionResult Index()

{

if (Request.IsAjaxRequest())

{

string str1 = Request.Form["Text33"];

string str2 = Request.Form["Text44"];

return Json(new MvcApplication5.Controllers.HelloWorld3Controller.LoginResultDTO { Success = true,Message = str1 + str2,ReturnUrl = "SomeUrl" });

}

else

{

return View();

}

}

}

上面的代码告诉我们,如果我们想要返回别的实体,也是很方便的的。

b07ddb9bf811fcb42538bb477637f6a5.png

如果按钮不使用submit,而是button,则上图代码换成如下形式:

62c89a53f0fd2ba44981c7434a73fdbb.png

源码下载:MvcApplication5.zip

总结

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jq+ajax提交合并表单,JQuery通过Ajax提交表单并返回结果 的相关文章

随机推荐

  • C++STL之unordered_set简单使用

    目录 简介 常用函数 代码 运行截图 参考 简介 unordered set 容器 可直译为 无序 set 容器 即 unordered set 容器和 set 容器很像 唯一的区别就在于 set 容器会自行对存储的数据进行排序 而 uno
  • Qt day04

    一 Input Widgets 1 QComboBox 1 添加备选内容 在设计师中双击控件输入添加 在代码中输入 ui gt comboBox gt addItem 金嘉宇 2 常用信号 void currentIndexChanged
  • 【LeetCode——删除重复元素】

    删除数组中的重复元素 leetcode 删除数组中的重复元素 双指针 leetcode 删除数组中的重复元素 输入 nums 0 0 1 1 1 2 2 3 3 4 输出 5 nums 0 1 2 3 4 解释 函数应该返回新的长度 5 并
  • php中的pdo对象,php中PDO操作大对象方法(blob)

    参考php中的官方文档 1 insert blob into databse oracle db new PDO oci scott tiger stmt db gt prepare insert into images id conten
  • (React入门) Context上下文

    React应用中 数据通过props属性自上而下 由父组件向子组件 传递 当组件层级数量增多时 在每一层传递props则很繁琐 Context提供了一种新的组件之间共享数据的方式 允许数据隔代传递 而不必显式的通过组件树逐层传递props
  • 详情页点击标题,滚动到对应主题笔记

    详情页点击标题 滚动到对应主题 防抖 提高性能 不做频繁操作 详情页点击标题 滚动到对应主题 netxTick 图片的高度没有被计算在内 这里是等图片加载完成后获得相对 ref 名 el offsetTop的值 如果不等图片加载完 获取的值
  • g++安装

    我的虚拟机装的是ubuntu14 0 4 今天使用g 的时候 发现竟然没有安装g 百度以后才知道 g 是Linux下C 代码的编译器 gcc是C代码的编译器 找了很多文章 都说安装g 直接sudo apt get g 或者g X X X X
  • 利用MATLAB设计低通滤波器和CIC滤波器

    FDATool界面左下侧排列了一组工具按钮 其功能分别如下所述 创建多速率滤波器 Create a Multirate Filter 滤波器转换 TransForm Filter 设置量化参数 Set Quantization Parame
  • API 接口防刷(接口请求次数限制)

    目录 一 问题 1 解决 2 原理 二 实现 1 导入坐标 2 自定义注解 3 Redis 缓存工具类 4 自定义拦截器 5 WebConfig 配置类 6 异常处理器 1 异常标记码 1 通用对象返回类 7 Redis序列化配置 8 测试
  • 【Flink】yarn集群模式

    预备知识 Linux export 命令的生命周期 断开会话后 export 的环境变量不生效 支持会话级别的新增 删除和修改环境变量 用作之后的程序使用 仅仅用作此次会话期间 基于 YARN 模式部署 Flink 服务 3 1 基于 YA
  • 【SPI协议】

    一 SPI介绍 SPI是 全双工 通信 具有单独的发送和接收线 可以同时进行发送和接收 从机不主动发起访问 总是被动执行操作 SPI包含4根逻辑线 MISO 主机输入 从机输出 MOSI 主机输出 从机输入 SCLK 串行时钟信号 此信号由
  • 论文阅读:AAAI2022 Evaluating Explainable AI on a Multi-Modal Medical Imaging Task: Can Existing Algor...

    任务 explainable AI XAI 可解释性探索 主要提出两个指标 可以代替医生对事后可解释性算法进行评估 目的 多模态医学影像中存在的clinically important but technically ignored the
  • ModuleNotFoundError: No module named ‘xxx‘问题

    更换国内安装源和设置超时时间可以解决 pip install xxx default timeout 100 i https pypi tuna tsinghua edu cn simple 即可 安装源参考 超时时间参考
  • 【004】一天一道C/C++编程题

    第四题 请编写一个函数void fun char tt int pp 统计在tt字符串中 a 到 z 26个字母各自出现的次数 并依次放在pp所指数组中 例如 当输入字符串abcdefgabcdeabc后 程序的输出结果应该是 3 3 3
  • 面试题(2)

    1 J2EE是什么 2 介绍JAVA中的Collection FrameWork 包括如何写自己的数据结构 如COLLECTION中遗留类 HASHTABLE VECTOR 和现有类的区别 同步 3 Java中异常处理机制 事件机制 4 E
  • 实验7-3-8 统计字符出现次数(20 分)

    实验7 3 8 统计字符出现次数 20 分 本题要求编写程序 统计并输出某给定字符在给定字符串中出现的次数 输入格式 输入第一行给出一个以回车结束的字符串 少于80个字符 第二行输入一个字符 输出格式 在一行中输出给定字符在给定字符串中出现
  • 三位水仙花数的两种做法

    编写程序计算如下数列的值 1 2 3 4 966 其中 所有数字为整数 从1开始递增 奇数为正 偶数为负 s 0 for i in range 967
  • mybatis plus 写sql语句

    一 api public Map
  • app常见专项测试点

    常见的apk专项测试 主要有几类 主要指项目中经常用到的 1 稳定性 2 安全性 3 兼容性 4 版本升级 5 流量测试 6 实际测试总结 对整个项目团队是如何进行测试以及测试的内容 一 稳定性测试 稳定性测试是指对应用进行长时间的操作 检
  • jq+ajax提交合并表单,JQuery通过Ajax提交表单并返回结果

    如下 1 非Ajax 对应后台 2 JQuery之Ajax 在介绍使用JQuery提交表单前 我们需要首先引用jquery form js 它来自于http www malsup com jquery form 至此 我们需要引用的JS文件