如何通过JavaScript构建Asp.net服务端控件

2021-07-04 04:35:47

摘要

虽然ASP.NET的服务器控件一直被大家所诟病，但是用户控件（ACSX）在某些场景下还是非常有用的。

在一些极特珠的情况下，我们会使用JavaScript动态的构建页面中的控件，但假设遇到了我要用JavaScript构建一个服务端控件、用户控件时，该怎么办？

我们常常说，服务端控件运行在服端器上，那么这话是什么意思呢？

服务端控件，其本质是一构建HTML语句的封装，以事先编排好的方式，生成一套HTML并通过Http协议返回给客户端。因此，我们所写的服务端控件，在响应HTTP请求时，早已不存在了。——这就叫运行在服务器上

即然如此，那么客户端自然没有解析一个服务端控件的可能。

根据上面的原理，我们可以得知，直接通过JavaScript向body中输出一个服务端控件毫无意义。

那么我们换一个思路，即然服务端控件的构建一定要通过WEB服务器，那么我们可不可以通过一次HTTP请求，并且在不破坏当前面页的情况下，得到服务端控件所转换后的HTML原码呢？

有了这个思路，那么解决方案就很简单了——iframe

我们可以单独设立一个ASPX页面，该页面的BODY上主要就是服务端控件，然后通过IFRAME的加载，将这个服务端控件显示在了当前的页面中。

当然，这只是一种效果，它并没有真正意义上用JavaScript构建了一个服务端控件。而是构建了一个只包含了服务端控件的iframe。

如果变通一下的话，可以通过一些JavaScript代码，将这个iframe中的所有元件，添加到主页面里，并移除iframe，这样，就成为了一个整体的页面，只不过可能会面临一些控件ID冲突的结果。