创建Asp.net MVC项目Ajax实现视图页面数据与后端Json传值显示

简述回顾

继上篇文章创建的mvc传值这里说明一下Json传值。在mvc框架中,不可避免地会遇到前台传值到后台,前台接收后台的值的情况(前台指view,后台指controller),有时只需要从控制器中返回一个处理的结果,这时返回Json格式的数据非常的方便,在Controller中Json()

返回JSON格式数据的JsonResult,比如:“{“Message”:”Hello world!”}”.我们这边就是要用该方法返回到视图一个json对象

创建Person对象类

    public class Person{public string name { get; set; }public string sex { get; set; }public string phone { get; set; }public Person(string n, string s, string p){name = n;sex = s;phone = p;}
}

创建控制器ReturnPerson

  public JsonResult ReturnPerson(string name) {Person person = new Person(name, "男", "142341213");return Json(person, JsonRequestBehavior.AllowGet);}

视图页面代码

  <script src="~/jquery.min.js"></script><script>function GetJosn() {$.get("/Default/ReturnPerson", { name: "李四" }, function (data) {$('#person').html("姓名:" + data.name + "<br/>性别:" + data.sex + "<br/>手机:" + data.phone);},"json");}</script>

body部分代码

 <input type="button" value="获取json数据"  onclick="GetJosn()"/><h1>json数据显示</h1><div id="person"></div>

点击获取json数据显示

后端返回的json格式

视图需要引入jquery

控制器ReturnPerson中用了一个Person类的对象,包含返回name,sex和手机phone,然后利用JSON()方法返回该对象就行,不需要将该对象转成json格式,同事注意用GET方法获取时,在JSON()方法中一定要指定可以用Get获取,否则会获取不到。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/231301.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

开源英伟达 Vulkan 驱动程序 NVK 达到 Vulkan 1.0 标准

导读Collabora今天宣布&#xff0c;其开源NVK图形驱动程序Mesa现已正式符合英伟达图灵硬件上的Vulkan 1.0图形应用程序接口。 “这是任何Nouveau驱动程序首次在任何API上获得Khronos一致性徽章”。Collabora表示&#xff0c;NVK获得Vulkan官方认证是Nouveau图形驱动程序首次在…

人工智能对人脑的探索研究!物理限制推动类脑人工智能的发展

原创 | 文 BFT机器人 在一项开创性的研究中&#xff0c;剑桥科学家采用了一种新颖的人工智能方法&#xff0c;展示了物理约束如何深刻影响了人工智能系统的发展。 这项研究会让人想起人脑的发育和能力限制&#xff0c;为复杂神经系统的进化提供了新的见解。通过整合这些限制&a…

leetcode刷题详解十二

回文子串 首先回文子串问题涉及到的都是单个字符串&#xff0c;所以如果是单个字符串用动态规划的基本都是二维的&#xff0c;i-j 其次&#xff0c;回文字符串&#xff0c;都是从后往前遍历的&#xff0c;这个要记住。因为dp的状态转移方程特性决定的 647. 回文子串 还是用…

sizeof 和 strlen的对比及笔试题目

目录 题目1&#xff1a; 题目2&#xff1a; 题目3&#xff1a; 题目4&#xff1a; 题目5&#xff1a; 题目6&#xff1a; 二维数组题&#xff08;重点&#xff09;&#xff1a; 上述题目总结&#xff1a; 若想了解其他的字符函数和字符串函数请移步&#xff1a;深入理解…

金色传说:SAP-BC-SM36/SM37后台执行报表查询结果导出时分页和标题多行问题解决

文章目录 前言一、后台执行的启动方式?二、使用步骤1.点击程序-后台执行2.结果查看和导出三、结果显示和导出问题1.结果显示不全问题解决2.结果如何导出到Excel中3.==导出的文件有分页和标题和结果都是多行显示问题解决==总结前言 例如:随着项目数据量增长,很多报表的查询时…

Django连接数据库

连接数据库 接下来讲的几个步骤不需要区分先后&#xff0c;但都得进行操作 settings.py的操作 #!settings.py ....别的代码DATABASES {default: { ENGINE: django.db.backends.mysql, NAME: day1121, # 数据库名字&#xff0c;要先创建好 USER: root, PASSWORD: 123456, HO…

HarmonyOS——UI开展前的阶段总结

当足够的了解了HarmonyOS的相关特性之后&#xff0c;再去介入UI&#xff0c;你会发现无比的轻松&#xff0c;特别当你有着其他的声明式UI开发的经验时&#xff0c;对于HarmonyOS的UI&#xff0c;大致一扫&#xff0c;也就会了。 如何把UI阐述的简单易懂&#xff0c;又能方便大…

hyper-V操作虚拟机ubuntu 22.03

安装hyper-V 点击卸载程序 都勾选上即可 新建虚拟机&#xff0c;选择镜像文件 选择第一代即可 设置内存 配置网络 双击 启动安装虚拟机 输入用户名 zenglg 密码&#xff1a;LuoShuwen123456 按照enter键选中openssh安装 安装中 安装完成 选择重启 输入用户名、密码

20.Oracle11g中的触发器

oracle11g中的触发器 一、触发器的概述1、什么是触发器2、触发器的类型3、触发器的组成4、触发器的作用 二、触发器的创建语法1、创建语法2、数据库启动触发器3、 用户登录触发器&#xff1a; 三、对触发器的基本操作点击此处跳转下一节&#xff1a;21.Oracle的程序包(Package)…

redis的过期策略以及定时器的实现

Redis是客户端服务器结构的程序&#xff0c;客户端与服务器通过网络通信&#xff0c;所以对于keys *这种的操作在大型企业中不太建议&#xff0c;生产环境下的key会非常多&#xff0c;Redis是但现成的服务器&#xff0c;执行keys*的时间非常长&#xff0c;就会导致redis服务器阻…

【LeetCode】101. 对称二叉树

101. 对称二叉树 难度&#xff1a;简单 题目 给你一个二叉树的根节点 root &#xff0c; 检查它是否轴对称。 示例 1&#xff1a; 输入&#xff1a;root [1,2,2,3,4,4,3] 输出&#xff1a;true示例 2&#xff1a; 输入&#xff1a;root [1,2,2,null,3,null,3] 输出&#…

token认证机制,基于JWT的Token认证机制实现,安全性的问题

文章目录 token认证机制几种常用的认证机制HTTP Basic AuthOAuthCookie AuthToken AuthToken Auth的优点 基于JWT的Token认证机制实现JWT的组成认证过程登录请求认证 对Token认证的五点认识JWT的JAVA实现 基于JWT的Token认证的安全问题确保验证过程的安全性如何防范XSS Attacks…