脚本src url content scripts-中与jqueryui七章使用ajax.pdfVIP

本章任务

使用完成书城前台的显示

显示会议列表

实现会议列表过滤功能

基本步骤

–定义模型类

–编写控制器

•初始化数据

•返回数据给视图

–添加显示视图

启用禁用

在中启用

appSettings

addkey=ClientValidationEnabledvalue=true/

addkey=UnobtrusiveJavaScriptEnabledvalue=true/

/appSettings

在视图中库

scriptsrc=@Url.Content(~/Scripts/jquery-1.4.4.min.js)

type=text/javascript/script

scriptsrc=@Url.Content(“~/Scripts/jquery.unobtrusive-ajax.min.js)”

type=text/javascript/script

使用表单

启用的表单需要两步：

–、创建一个对象，通过它来指定具体的请求的行为。

–、替换为。

类的属性：

理解工作原理

修改会议视图

@*@Modelstring*@

@{

ViewBag.TitleIndex;

AjaxOptionsajaxOpts=newAjaxOptions{UpdateTargetId=tabledata};

}

h4会议列表/h4

@using(Ajax.BeginForm(AppointmentData,ajaxOpts))

{...}

运行后生成的部分源码

formAction=/Appointment/AppointmentDatadata-ajax=truedata-

ajax-mode=replace

data-ajax-update=#tabledataid=form0method=post

会扫描并且通过寻找值为的

属性来识别表单。其他的指定的以开始的属性的值使用

类

解决禁用的问题

修改会议视图

@Modelstring

@{

ViewBag.TitleIndex;

AjaxOptionsajaxOptsnewAjaxOptions{

UpdateTargetId=tabledata,

Url=Url.Action(AppointmentData)};

}

h4会议列表/h4

@using(Ajax.BeginForm(ajaxOpts)){...}

运行程序，禁用，点击提交页面会正常显示，虽然不是异步的。

使用方法创建一个调用了的，并使用接收

一个参数的重载。这个版本的重载创建一个回发的表单给呈

现视图的方法，也就是这里的。

当我们启用了，则会异步提交，产生好的用户体验。

给用户提供反馈

修改会议视图

@*@Modelstring*@

@{

ViewBag.TitleIndex;

AjaxOptionsajaxOpts=newAjaxOptions定义Ajax选项对象

{

UpdateTargetIdtabledata,

UrlUrl.Action(AppointmentData),

显示提示信息