mvc ajax 加载页面—ajax添加html代码：示例代码

MVC（Model-View-Controller）是一种软件设计模式，它将应用程序分为三个部分：模型（Model）、视图（View）和控制器（Controller）。其中，视图负责展示数据，模型负责处理数据逻辑，控制器负责协调视图和模型之间的交互。

当使用Ajax加载页面时，可以通过Ajax请求获取服务器端返回的HTML代码，并将其添加到页面中的指定位置，从而实现动态加载页面内容的效果。下面是一个示例代码，演示了如何使用MVC和Ajax加载页面并添加HTML代码：

我们需要定义一个视图（View），用于展示页面内容。在视图中，我们可以通过一个div元素来容纳动态加载的HTML代码。示例代码如下：

<div id="content"></div>

接下来，我们需要定义一个控制器（Controller），用于处理页面的逻辑和Ajax请求。在控制器中，我们可以使用jQuery的Ajax方法来发送请求，并在成功回调函数中将返回的HTML代码添加到视图中。示例代码如下：

$(document).ready(function() {
  $.ajax({
    url: 'example.com/page',
    type: 'GET',
    success: function(response) {
      $('#content').html(response);
    }
  });
});

在上述代码中，我们使用了jQuery的Ajax方法发送一个GET请求到服务器上的`example.com/page`页面。当请求成功时，服务器会返回一个HTML代码片段，我们可以通过`response`参数获取到这个片段。然后，我们使用jQuery的`html`方法将这个片段添加到视图中的`content`元素中。

通过以上的代码，我们就可以实现通过Ajax加载页面并添加HTML代码的效果。当页面加载完成后，`example.com/page`页面的内容将会动态地显示在视图中的`content`元素中。

总结一下，通过MVC和Ajax加载页面，我们可以使用控制器发送Ajax请求获取服务器返回的HTML代码，并将其添加到视图中，从而实现动态加载页面内容的效果。