Cemous

netcore3中替换ajax.beginform

首先引入jquery-ajax-unobtrusive

AjaxOptions与HTML属性的对照表

• | Confirm                | data-ajax-confirm           |

• | HttpMethod             | data-ajax-method            |

• | InsertionMode          | data-ajax-mode              |

• | LoadingElementDuration | data-ajax-loading-duration  |

• | LoadingElementId       | data-ajax-loading           |

• | OnBegin                | data-ajax-begin             |

• | OnComplete             | data-ajax-complete          |

• | OnFailure              | data-ajax-failure           |

• | OnSuccess              | data-ajax-success           |

• | UpdateTargetId         | data-ajax-update            |

• | Url                    | data-ajax-url               |

form标签设置

<form asp-controller="ControllerName" asp-action="ActionName"  data-ajax="true" data-ajax-mode="replace" data-ajax-loading="search-info-ajax" data-ajax-update="#info-list" data-ajax-success="testajaxsuccess" data-ajax-method="get"></form>

注意事项：

• data-ajax="true" 必须指定

• data-ajax-update="#device-info-list" 中的ID必须加上"#"

• data-ajax-method="get" 中必须指定method

• data-ajax-mode="replace" 必须指定，选项有replace,replace-with, before, after