Ajax 如何通过单选按钮选择在同一个div上加载不同的局部视图？ 在此处输入代码 *MainView.cshtml*：@radiobuttonn（m=>m.registeras，个人）@radiobuttonn（m=>m.registeras，业务实体）

我有一个注册表单，用户可以注册为个人或企业实体。我保留了两个单选按钮。 如果用户选择单个单选按钮，则应加载该局部视图。如果用户选择业务实体单选按钮，则第二个局部视图应加载到同一个div上。

---

我是asp.net mvc4 razor的新手。有人能请给出示例代码

您必须使用jQuery才能进行ajax调用

首先在页面底部引用jQuery

在控制器中，定义并实现一个返回局部视图的方法

enter code here
*MainView.cshtml*: @RadioButtonFor(m=>m.registeras,Individual) @RadioButtonFor(m=>m.registeras,BusinessEntity) <div id="loadpartial"> </div>

现在在您看来，您可以使用ajax调用上述操作

[HttpGet]
public ActionResult GetRegisterForm(int registeras)
{
    if(registeras == Individual)
    {
        return PartialView("IndividualPartialViewName");
    }
    else
    {
        return PartialView("BusinessPartialViewName");
    }
}

$（函数（）{
$（“[name=registeras]”）。在（'change'，function（）上{
var$radio=$（本）；
$.ajax({
url:'@url.Action（“GetRegisterName”、“ControllerName”），
数据：{registeras=$radio.val（）}
键入：“GET”，
成功：功能（数据）{
$（“#loadpartial”）.html（数据）；
}
});
});

您需要在单选按钮单击事件上使用ajax，展示您的努力尝试您是否熟悉jquery ajax？事实上数据：{regesteredas:$radio.val（）}}已经起作用。无论如何，谢谢阿米拉：）

<script type="text/javascript">
    $(function(){
        $("[name=registeras]").on('change', function(){
            var $radio = $(this);
            $.ajax({
                url:'@Url.Action("GetRegisterForm", "ControllerName")',
                data: { registeras = $radio.val() }
                type: 'GET',
                success: function(data){
                    $("#loadpartial").html(data);
                }
        });
    });
</script>