0

我需要制作一个左侧有侧边栏的页面，右侧有一个搜索页面。我需要能够执行搜索并在不刷新左侧聊天框中的内容的情况下显示结果。理想情况下，我需要这些页面能够相互交流，以便左侧框架中的链接可以调用右侧的搜索。现在我正在使用 PHP 来处理右侧的搜索功能，但我真的可以使用任何语言。

我查看了 iframe，但我真的希望将“搜索”页面作为主页，以便浏览器中的滚动条反映搜索页面上的位置。

我还想也许这可以用 AJAX 来完成，但由于我的搜索框是一个表单，我不确定如何将参数传递给显示结果的页面。

希望这是有道理的，我会澄清我能做的。谢谢！

4

1 回答 1

1

你仍然可以使用ajax。考虑jQuery：

HTML 搜索表单：

<form id="searchForm">
 <input name="searchterm" />
 <input type="submit" value="Search" >
</form>

HTML 搜索结果容器：

<div id="searchResults"></div>

jQuery :

$('#searchForm').on('submit', function(e) {
    var $form = $(this);
    e.preventDefault(); 
    $.ajax({
        url     : '/path/to/search.php',
        type    : 'post',
        data    : $form.serialize(),
        success : function (data) {
            $('#searchResults').html(data); // or parse out your data into HTML if it isnt already sent that way
        }
    });
});
于 2013-04-06T21:51:14.063 回答