asp.net-mvc
MVC Ajax-uitbreidingen
Zoeken…
Invoering
Dit documenteert het gebruik van de bibliotheek System.Web.Mvc.Ajax .
Onder verwijzing naar MSDN-documenten "Elke extensiemethode geeft een HTML-element weer. De ActionLink-methode geeft een anker (a) -element weer dat is gekoppeld aan een actiemethode. De RouteLink-methode geeft een anker (a) -element weer dat is gekoppeld aan een URL, die kan worden omgezet in een actiemethode, een bestand, een map of een andere bron. Deze klasse bevat ook methoden BeginForm en BeginRouteForm waarmee u HTML-formulieren kunt maken die worden ondersteund door AJAX-functies.
parameters
| AJAX-opties | Beschrijving |
|---|---|
| Bevestigen | Hiermee wordt het bericht opgehaald of ingesteld om te worden weergegeven in een bevestigingsvenster voordat een aanvraag wordt ingediend. |
| HttpMethod | Hiermee wordt de HTTP-aanvraagmethode opgehaald of ingesteld ("Ophalen" of "Plaatsen"). |
| InsertionMode | Hiermee wordt de modus opgehaald of ingesteld die aangeeft hoe het antwoord in het doel-DOM-element moet worden ingevoegd. |
| LoadingElementDuration | Hiermee wordt een waarde in milliseconden opgehaald of ingesteld die de duur van de animatie bepaalt bij het weergeven of verbergen van het laadelement. |
| LoadingElementId | Hiermee wordt het id-kenmerk opgehaald of ingesteld van een HTML-element dat wordt weergegeven terwijl de Ajax-functie wordt geladen. |
| OnBegin | Hiermee wordt de naam opgehaald of ingesteld van de JavaScript-functie die moet worden aangeroepen onmiddellijk voordat de pagina wordt bijgewerkt. |
| onComplete | Hiermee wordt de JavaScript-functie opgehaald of ingesteld die wordt aangeroepen wanneer responsgegevens zijn geïnstantieerd maar voordat de pagina wordt bijgewerkt. |
| OnFailure | Hiermee wordt de JavaScript-functie opgehaald of ingesteld die wordt aangeroepen als de pagina-update mislukt. |
| OnSuccess | Hiermee wordt de JavaScript-functie opgehaald of ingesteld die wordt aangeroepen nadat de pagina is bijgewerkt. |
| UpdateTargetId | Hiermee wordt de ID opgehaald of ingesteld van het DOM-element dat moet worden bijgewerkt met behulp van het antwoord van de server. |
| url | Hiermee wordt de URL opgehaald of ingesteld waarnaar het verzoek moet worden gedaan. |
Opmerkingen
Het pakket Jquery.Unobtrusive-Ajax is vereist in het project. De bijbehorende javascript-bestanden moeten worden opgenomen in een bundel ( jquery.unobtrusive-ajax.js of jquery.unobtrusive-ajax.min.js ). Ten slotte moet het ook worden geactiveerd in het bestand web.config :
<appSettings>
<add key="UnobtrusiveJavaScriptEnabled" value="true" />
</appSettings>
De opgeroepen acties ( SomeAction in de voorbeelden) moeten een Json of een gedeeltelijke PartialView .
Ajax-actielink
@* 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-formulieren
@* 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 -->
}