从html制作动态网页

时间:2012-06-27 14:08:44

标签: php javascript html

我有一个检索数据的网页(通过ajax / php)并在html div(id='parent')中显示。我想添加一个打印功能,它将获取parent的内容并将其显示在另一个页面中。

我之前从未制作过动态网页。我展示的所有信息都是通过ajax拉到主页面上的。所以我不知道从哪里开始。我认为它与我在许多互联网网站的网址中看到的那些长字符串有关,但我不知道!我只是使用url字符串来存储有关页面当前状态的信息,以便用户可以使用后退按钮返回他们正在查看的内容。后退按钮会自动工作,还是我必须听取它并根据我从该字符串中提取的内容重新加载页面?

非常感谢,如果有人能指出我一些好的文章或制定一些我应该采取的步骤

  1. 从页面中提取数据
  2. 把它放在另一个页面上(或者是另一个页面?我只是清除我正在打开的页面并用其他数据重新填充它吗?)
  3. 启用后退按钮返回第一页。
  4. 非常感谢你!

2 个答案:

答案 0 :(得分:0)

您所谈论的那些长字符串听起来像SessionIDs。我们的想法是,您存储在服务器上的网站请求之间共享所需的所有数据,并通过此ID识别用户,以便在请求下一个网站时检索正确的数据集。

PHP已经支持这种开箱即用的功能。可以在此处找到PHP会话处理功能的文档: http://www.php.net/manual/en/book.session.php

答案 1 :(得分:0)

要将ajax中的数据转换为另一个标记,您可以执行类似这样的操作

<script>
var page_request = false;

function ajax_request(url)
{
    if (window.XMLHttpRequest) // if Mozilla, Safari etc
        page_request = new XMLHttpRequest()
    else if (window.ActiveXObject)
    { // if IE
        try
        {
            page_request = new ActiveXObject("Msxml2.XMLHTTP");
        } 
        catch (e)
        {
            try
            {
                page_request = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {}
        }
    }
    else
        return false

    page_request.open('GET', url);
    page_request.send(null);

    return page_request.responseText;
}

function ChangeDiv(id, url)
{
    document.getElementById(id).innerHTML =  ajax_request(url);
}
</script>

然后只需使用您想要的网址调用ChangeDiv(例如“http://website.com/page.php?params=1”)