asp.net-mvc
MVC Ajax Extensions
Sök…
Introduktion
Detta dokumenterar användningen av System.Web.Mvc.Ajax biblioteket.
Citerar MSDN-dokument "Varje tilläggsmetod ger ett HTML-element. ActionLink-metoden ger ett ankare (a) -element som länkar till en handlingsmetod. RouteLink-metoden ger ett ankare (a) -element som länkar till en URL, som kan lösa till ett åtgärdsmetod, en fil, en mapp eller någon annan resurs. Den här klassen innehåller också BeginForm- och BeginRouteForm-metoder som hjälper dig att skapa HTML-formulär som stöds av AJAX-funktioner.
parametrar
| AJAX-alternativ | Beskrivning |
|---|---|
| Bekräfta | Hämtar eller ställer in meddelandet som ska visas i ett bekräftelsefönster innan en begäran skickas. |
| HttpMethod | Hämtar eller ställer in HTTP-förfrågningsmetoden ("Get" eller "Post"). |
| InsertionMode | Hämtar eller ställer in läget som anger hur man ska infoga svaret i mål DOM-elementet. |
| LoadingElementDuration | Hämtar eller ställer in ett värde, i millisekunder, som styr animeringens varaktighet när du visar eller döljer laddningselementet. |
| LoadingElementId | Hämtar eller ställer in id-attributet för ett HTML-element som visas medan Ajax-funktionen laddas. |
| OnBegin | Hämtar eller ställer in namnet på JavaScript-funktionen så att den ringer omedelbart innan sidan uppdateras. |
| OnComplete | Hämtar eller ställer in JavaScript-funktionen för att ringa när svardata har instansierats men innan sidan uppdateras. |
| OnFailure | Hämtar eller ställer in JavaScript-funktionen så att den ringer om siduppdateringen misslyckas. |
| OnSuccess | Hämtar eller ställer in JavaScript-funktionen så att den ringer efter att sidan har uppdaterats. |
| UpdateTargetId | Hämtar eller ställer in ID för DOM-elementet att uppdateras med hjälp av svaret från servern. |
| webbadress | Hämtar eller ställer in URL: en som begäran ska göras till. |
Anmärkningar
Paketet Jquery.Unobtrusive-Ajax krävs i projektet. Motsvarande javascript-filer måste inkluderas i ett paket ( jquery.unobtrusive-ajax.js eller jquery.unobtrusive-ajax.min.js ). Slutligen måste den aktiveras också i web.config filen:
<appSettings>
<add key="UnobtrusiveJavaScriptEnabled" value="true" />
</appSettings>
Åtgärderna som åberopas ( SomeAction i exemplen) måste antingen returnera en Json eller en PartialView .
Ajax Action Link
@* Renders an anchor (a) element that links to an action method.
* The innerHTML of "target-element" is replaced by the result of SomeAction.
*@
@Ajax.ActionLink("Update", "SomeAction", new AjaxOptions{UpdateTargetId="target-element" })
Ajax Forms
@* Adds AJAX functions support to a form.
* The innerHTML of "target-element" is replaced by the result of SomeAction.
*@
@using ( Ajax.BeginForm("SomeAction", "SomeController",
new AjaxOptions {
UpdateTargetId="target-element",
OnSuccess = "some_js_fun(context)"
})
)
{
<!-– my form contents -->
}