Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion AI Tools Integration
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

home / developersection / forums / what are the common data-ajax-* attributes used in an ajax-enabled form, and what do they do?
Ask Question

What are the common data-ajax-* attributes used in an AJAX-enabled form, and what do they do?

Anubhav Sharma 1812 28 Jul 2025

What are the common data-ajax-* attributes used in an AJAX-enabled form, and what do they do?

  • For example: data-ajax, data-ajax-method, data-ajax-update, etc.
asp.net mvc mvcajaxform
Updated 05 Aug 2025
Anubhav Sharma
Anubhav Sharma

Student

The Anubhav portal was launched in March 2015 at the behest of the Hon'ble Prime Minister for retiring government officials to leave a record of their experiences while in Govt service .

Message

1 Answers

Ravi Vishwakarma
Ravi Vishwakarma 28 Jul 2025
Report Abuse

Theoretical overview of the commonly used data-ajax-* attributes in an Ajax.BeginForm -enabled form in ASP.NET MVC:

Common data-ajax-* Attributes

Attribute Purpose
data-ajax="true" Enables AJAX submission for the form. Required to activate the feature.
data-ajax-method HTTP method to use (GET, POST, etc.). Default is GET.
data-ajax-mode How to insert the response (replace, before, after).
data-ajax-update CSS selector (e.g., #divId) to inject the response HTML into.
data-ajax-url Optional URL to override form action for the request.
data-ajax-begin JavaScript function called before the AJAX request is sent.
data-ajax-success JS function called when the request succeeds.
data-ajax-failure JS function called when the request fails.
data-ajax-complete JS function called after request completes (success or failure).
data-ajax-loading Selector for an element to show/hide during the AJAX request.
data-ajax-confirm Shows a confirmation dialog before sending the request.

Example

<form data-ajax="true"
      data-ajax-method="POST"
      data-ajax-update="#resultDiv"
      data-ajax-mode="replace"
      data-ajax-success="onSuccess"
      data-ajax-failure="onFailure"
      data-ajax-begin="onBegin">
    ...
</form>

Behind the Scenes

  • These attributes are processed by jquery.unobtrusive-ajax.js, which:
  • Hooks form submission
  • Sends AJAX request using jQuery
  • Injects response into specified element
MindStick Training