html - Retrieve data from the server without going to a new web page

Question

I use a frame from a HTML page to load some data from the server without having to leave the original web page. I simply reassign the src of the frame and the shown data gets updated.

Now I need to programatically create a div, but the width and height have to be retrieved from the server. May I use a frame to get those values, without leaving the web page, or is there a more simple and efficiente way ?

I would prefer not to use ajax, and keep my code as simple as possible, thanks

Answer 1

一种最简单的方法是像这样调用页面属性：

<script type="text/javascript">
var width = <%=this.Width %>
</script>

并像这样在cs文件中声明这个属性

public int Width
        {
            get;
            set;
        }

是你所期望的吗？或者如果您在页面加载后有一些计算，您可以通过使用 jquery ajax 和一个 httphanlder 来简单地实现它。

Answer 2

使用 jQuery。这真的很简单。

一个简单的例子：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script>
   $('#result').load('otherfile.php');​
</script>

<div id="result"> </div>

在标识为“结果”的 div 中加载 otherfile.php。没有页面重新加载。

Answer 3

感谢 jquery 示例，我将来可能会使用它。现在我找到了一种非常简单有效的方法来使用框架（我知道，我知道......）来解决它，它的简单性让我感到非常惊讶：

我创建了一个表单（一个管理多个 div 的 javascript 类），然后在其中创建一个小框架，该框架会更改表单属性并自行移除。

关键是从子级访问父级中定义的 javascript 变量：

  echo "<script>";
  echo "parent.window.oDlg.SetSize( ".$row[ "WIDTH" ].", ".$row[ "HEIGHT" ]." );";
  echo "parent.window.oDlg.SetTitle( '".trim( $row[ "TITLE" ] )."' );";
  echo "</script>";