使用 Ajax 从 PartialView 加载的 jQuery 选项卡内容

Question

我正在使用 $.ajax() 加载 2 个 jQuery UI 选项卡，其中包含来自 ASP.NET MVC 3 PartialView 的数据。我将“/controller/action”指定为 URL。这工作正常，我可以加载两个选项卡，其中包含部分视图返回的内容。

我在 _layout.cshtml 中有一个保存按钮。单击保存按钮时，我想从所有选项卡中获取数据并将其作为 JSON 对象发送到控制器。我只想使用一个保存按钮来保存所有选项卡中的数据，而不是每个选项卡底部都有保存按钮。

问题是我只能从第一个选项卡中获取数据。当我尝试从另一个选项卡获取数据时出现“无可用源”错误。第二个选项卡中的控件也不会触发 $('#some_id').change() 事件。

请建议是否有更好的方法来实现这一点？ 我也想知道为什么在查看页面的源HTML时看不到PartialView生成的HTML？

谢谢。

Answer 1

原来是为加载选项卡而发出的异步请求问题。我使用 jQuery 选项卡的 load() 来解决这个问题。