ajax - 什么是renderAjax()，它与render()有何不同？

Question

当我使用普通的return this->render('create', ['model' => $model])时，我的弹出式窗口会一团糟。当我更改为return $this->renderAjax('create', ['model' => $model]);时，一切都神奇地放在了正确的位置。我到处逛逛了很多，以了解有关renderAjax()的信息，但似乎绝对没有。有人可以告诉我它做什么吗？我知道Ajax，但据我所知，它通常与CSS或Bootstrap无关。

Answer 1

首先要了解render()和renderAjax()之间的区别，您需要了解render()的工作原理。

基本上，当调用render()时，每段JS和CSS代码以及在 View 中注册的文件引用都收集在多个数组中，以供稍后在适当的位置呈现-这些位置存储在布局中，并且通过调用beginPage()，head()呈现其代码，beginBody()，endBody()和endPage()。

您可以通过在相关方法中设置第二个参数来指出应在何处呈现JS代码，例如:

$this->registerJs("alert()", \yii\web\View::POS_HEAD);

渲染

<script type="text/javascript">alert()</script>

在布局中 $this->head()方法所在的位置。

一切工作正常，直到您只想渲染 View 的主要部分而没有布局。没有它(及其方法，如 beginPage())，就无法以以前的方式呈现JS和CSS引用，这就是为什么这个花哨的jQuery代码旋转正方形不起作用的原因-那里没有包含JS库。

当您从 View 内调用 $this->render() 时，或仅从 Controller 调用$this->renderPartial()时，确实发生了这种情况-不应用布局。

renderAjax()现在可以进行救援。

此方法不关心布局，因为它本身会调用beginPage()，head()，beginBody()，endBody()和endPage()方法。因此，每个JS代码段都可以附加到呈现的 View 上，并且即使需要在AJAX弹出窗口中完成，jQuery库也可以再次旋转该正方形。