频道导航

MVC DropDownList 利用Ajax联动

2020-05-25 Ajax 前端之家

前端之家收集整理的这篇文章主要介绍了MVC DropDownList 利用Ajax联动，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

页面代码：

[xhtml]view plaincopy 
   
 <@H_502_15@td@H_502_15@@H_502_15@style@H_502_15@=@H_502_15@"text-align:right;width:100px;"@H_502_15@>@H_502_15@@H_502_15@@H_502_15@
 城市/区域：@H_502_15@
</@H_502_15@td@H_502_15@ td@H_502_15@@H_502_15@style@H_502_15@=@H_502_15@"width:170px;text-align:left"@H_502_15@>@H_502_15@@H_502_15@@H_502_15@
<@H_502_15@%=Html.DropDownListFor(@H_502_15@m@H_502_15@=@H_502_15@>@H_502_15@m.City,newSelectList(Test.TestPersistence.TestDao.GetCodeDict(11),"Id","Name"))%@H_502_15@>@H_502_15@m.Region,newSelectList(Test.TestPersistence.TestDao.GetCodeDict(1001),0); background-color:inherit; font-weight:bold">>@H_502_15@@H_502_15@@H_502_15@

javascript代码：ajax的

[javascript]copy 
   
 <mce:scripttype=@H_502_15@"text/javascript"@H_502_15@><!--@H_502_15@@H_502_15@ 
   $(document).ready(function@H_502_15@(){@H_502_15@@H_502_15@
 $("#City"@H_502_15@).change(@H_502_15@function@H_502_15@(){@H_502_15@@H_502_15@
 var@H_502_15@selec=$(@H_502_15@"#City"@H_502_15@).val();@H_502_15@@H_502_15@
 $("#Region"@H_502_15@).get(0).options.length=0;@H_502_15@@H_502_15@
 $.getJSON("RegionByCity?pid="@H_502_15@+selec,{@H_502_15@'City'@H_502_15@:selec},@H_502_15@function@H_502_15@(data){@H_502_15@@H_502_15@
 for@H_502_15@(@H_502_15@var@H_502_15@i=0;i<data.length;i++){@H_502_15@@H_502_15@
 $("#Region"@H_502_15@).append(@H_502_15@"<optionvalue='"@H_502_15@+data[i].Id+@H_502_15@"'>"@H_502_15@+data[i].Name+@H_502_15@"</option>"@H_502_15@);@H_502_15@@H_502_15@
 }@H_502_15@
 });@H_502_15@
 });@H_502_15@
 @H_502_15@
 //--></mce:script>@H_502_15@@H_502_15@@H_502_15@

control的代码：

[c-sharp]copy 
   

ActionResultRegionByCity()@H_502_15@@H_502_15@

{@H_502_15@

int@H_502_15@pid=Convert.ToInt32(Request.QueryString[@H_502_15@"pid"@H_502_15@]);@H_502_15@@H_502_15@

CodeDaocodeDao=new@H_502_15@CodeDao();@H_502_15@@H_502_15@

varcodeList=codeDao.GetCodes(pid);@H_502_15@

if@H_502_15@(Request.IsAjaxRequest())@H_502_15@@H_502_15@

{@H_502_15@

return@H_502_15@Json(codeList,JsonRequestBehavior.AllowGet);@H_502_15@@H_502_15@

else@H_502_15@@H_502_15@@H_502_15@

return@H_502_15@View(@H_502_15@""@H_502_15@);@H_502_15@@H_502_15@

} @H_502_15@

逻辑层：

copy 
    
   

IList<Code>GetCodes(@H_502_15@int@H_502_15@pid)@H_502_15@@H_502_15@

using@H_502_15@(ISessionsession=sessions.OpenSession())@H_502_15@@H_502_15@

IQueryquery=session.CreateQuery("fromCodecwherec.PId=:pidorderbyId"@H_502_15@);@H_502_15@@H_502_15@

query=query.SetInt32("pid"@H_502_15@,pid);@H_502_15@@H_502_15@

return@H_502_15@query.List<Code>();@H_502_15@@H_502_15@

}@H_502_15@

}@H_502_15@

上一篇：Ajaxload动态加载动画生成工具的实下一篇：Ajax面试总结

猜你在找的Ajax相关文章

网页的异步请求（Ajax）

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求兼容性问题利用iframe模拟ajax 实现表...

作者：前端之家时间：2021-01-14

手动实现AJAX

AJAX 每日更新前端基础，如果觉得不错，点个star吧 😃 https://github.com/Win...

作者：前端之家时间：2020-12-19

axios异步提交表单数据的不同形式

踩坑Axios提交form表单几种格式前后端分离的开发前后端, 前端使用的vue,后端的安全模块使...

作者：前端之家时间：2020-12-12

php的ajax简单实例

很早就听闻ajax的名声，但是却一直不知道怎么用，今天自己捣鼓了一下，竟然会用了，哈哈哈...

作者：前端之家时间：2020-11-11

Json与Ajax(注册实例）

需要在服务器上进行哈 jquery的ajax方法： // jquery请求 $.ajax({ url: "./serv...

作者：前端之家时间：2020-11-07

jSon和Ajax登录功能，ajax数据交互案例

ajax实例，检测用户与注册检测用户名是否被占用：在用户填写完用户名之后，ajax会异步向...

作者：前端之家时间：2020-11-07

关于AjaxControlToolkit的样式问题

网(LieHuo.Net)教程技术文章一直都是转载的,从来没有自创过.终于遇到AjaxControlToolkit,...

作者：前端之家时间：2020-11-04

一个简单的AJAX实现(HELLO AJAX)

客户端部分： <html> <head> <meta http-equiv="Content-Type" ...

作者：前端之家时间：2020-11-04

AJAX中文乱码的两类问题及解决之策

1）发送路径中的参数有中文，在服务器段接收参数值是乱码例如： var url=”a.jsp?na...

作者：前端之家时间：2020-11-04

实例：AJAX返回xml代码如何在网页中显示

建站学院（LieHuo.Net）文档今天来学习一篇实例代码教程：AJAX返回xml代码如何在网页中显...

作者：前端之家时间：2020-11-04

最新文章