深圳a股指数,阳光艾美特,赵尔文女儿
说到unobtrusive ajax,就要谈谈unobtrusivejavascript了,所谓unobtrusive javascript即为非侵入式javascript(即将js代码与html代码分离,方便阅读与维护),是目前在web开发领域推行的一种思想。
使用vs新建一个asp.net mvc项目就会在~/scripts/目录下面看到很多以unobtrusive结尾的javascript脚本文件,如:
今天的主角是asp.net mvc unobtrusive ajax,那么大家应该可以猜到主要还是jquery.unobtrusive-ajax.js和jquery.unobtrusive-ajax.min.js这两个文件。这就是asp.netmvc实现非侵入式ajax的主要手段,若要在项目中使用unobtrusive ajax,那么一定要用到这两个文件中的一个,至于具体用哪个就不多废话了。下面来看看unobtrusive ajax在asp.net mvc中的使用。
asp.net mvc对beginform的使用提供了11个重载的版本,但是细细观察11个重载版本就会发现,这些重载中共同点是有一个ajaxoptions类型的参数,除此之外ajax辅助方法的beginform和html辅助方法的beginform相同参数版本之间并无差别,而这个ajaxoptions就是asp.net mvc实现ajax方法依据。
ajaxoptions的主要属性有:
上表中对参数进行了分组和着色以示区分其在beginform中的作用:
设置说明:
为了便于观察测试效果,在新建的mvc项目的homecontroller中增加如下action:
public actionresult index() { return view(); } public string s(string q) { return "the query string is : " + q; }
其中action ‘index’用于显示ajax操作页面,action ‘s’用来响应ajax请求结果。index页面的主要内容如下:
1 @using (ajax.beginform( 2 new ajaxoptions 3 { 4 url = "home/s", 5 httpmethod = "get", 6 updatetargetid = "searchresult", 7 insertionmode = insertionmode.replace 8 })) 9 { 10 <input type="text" name="q" /> 11 <input type="submit" value="查询" /> 12 } 13 14 <div id="searchresult"></div>
其作用就是生成一个表单,提交这个表单的时候执行异步的ajax请求,并将请求结果回显到id为searchresult的div元素内。运行如下:
参考资料:
asp.net mvc unobtrusive ajax 原理剖析
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
Blazor server side 自家的一些开源的, 实用型项目的进度之 CEF客户端
.NET IoC模式依赖反转(DIP)、控制反转(Ioc)、依赖注入(DI)
vue+.netcore可支持业务代码扩展的开发框架 VOL.Vue 2.0版本发布
网友评论