MVC使用ajax取得JSon数据
2024-08-28 20:24:33
为了在view中获取模型中的数据,用ajax异步模式读取数据,再用json返回的view中。
1.controller中:
[HttpPost]
public ActionResult GetAjaxData()
{
List<ADDaAn> daList = new List<ADDaAn>();
daList = db.ADDaAns.ToList(); return this.Json(daList);
}
2.View中jquery:
<script type="text/javascript">
$(function(){
$("#div1").hide(); //先让div隐藏
$("#span1").click(function(){
$("#div1").fadeIn("slow");//淡入淡出效果 显示div
$.ajax({
type: "POST",
contentType: "application/json",
url: "GetAjaxData",
data: "{}",
dataType: 'json',
success: function (result) {
var jlist = eval(result)
for (var i = 0; i < jlist.length; i++) {
//将返回数据添加到页面表格中
//行中创建三个td对象,并把studentlist中的值赋给它
var addtr = document.createElement("tr");
var addtd1 = document.createElement("td");
addtd1.innerHTML = jlist[i].daXiaoTi;
var addtd2 = document.createElement("td");
addtd2.innerHTML = jlist[i].daContent; //把创建的td对象加入tr中去
addtr.appendChild(addtd1);
addtr.appendChild(addtd2);
//
//把tr加入table中去
document.getElementById("datable").appendChild(addtr);
}
}
}); });
$("#span2").click(function(){
$("#div1").fadeOut("slow");//淡入淡出效果 隐藏div
})
});
</script>
3.View中 html部分:
<tr><td>
<table id="datable"></table>
</td>
</tr>
最新文章
- C#设计模式(2)——简单工厂模式
- CF 9D. How many trees?(dp)
- Java笔记——面向切面编程(AOP模式)
- CopyOnWriteArrayList与Collections.synchronizedList的性能对比
- Xmanager Enterprise 4 使用说明
- MySQL查询随机数据的4种方法和性能对比
- Away3D带你360&#176;漫游全景影像
- LoadRunner监控数据库服务器
- bootstrap开始咯
- linux shell: 取得某个目录下的文件名列表
- memcached subList序列化问题
- 【洛谷P1134 阶乘问题】
- todo项目总结
- 第一版STM32PCB的问题
- tcp粘包解决
- js 数组的深度递归搜索
- Linux入门,这七大习惯得有!
- Oracle E-Business Suite R12.2的新技术特点
- python-锁机制
- 【python】 json.dumps() json.dump()的区别
热门文章
- Machine Learing 入门 —— 开门第0篇
- 关于《Selenium 2自动化测试实战 基于Python语言》学习过程中键盘的常用操作
- mysqlbinlog用法总结
- Android(java)学习笔记35:如何改变Spinner系统自带的字体和颜色
- ACM-百度之星资格赛之Energy Conversion——hdu4823
- 七、IntelliJ IDEA 常见文件类型的图标介绍
- 【Linux-CentOS】在无互联网-内网环境的Windows7主机上安装CentOS双系统,从安装到放弃
- grunt_beginner
- 整理关于 VS Code 一些小技巧:系列一
- sprinbboot 热部署 造成类加载器 不一致问题