Question

我正在尝试在单独的页面上显示搜索查询结果。我从论坛复制了代码，但由于显示页面不是php，我不确定它是否可行。

以下是主页中的代码：

<form action="search" method="post">
<input type="text" name="q" />
<input type="submit" name="search" value="Search" />
</form>

我希望搜索结果显示在mysite.com/search上（显然）

mysite.com/search上的代码如下：

<div id="cse" style="width: 100%;">Loading</div>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">//
  google.load('jquery', '1');
  google.load('search', '1');
  google.setOnLoadCallback(function(){
    var customSearchControl = new google.search.CustomSearchControl('XXXXX');
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    customSearchControl.draw('cse');
    $(".gsc-input").val("<?php echo $_POST['q']; ?>");//insert into search field requested search text
    $(".gsc-search-button").click();//call button click event, show results
  }, true);
// ]]></script>

我有任何选择吗？有解决方法吗？

Answer 1

因为显示页面不是php

然后你不能使用$(".gsc-input").val("<?php echo $_POST['q']; ?>");，但可以使用像

这样的东西

$.get('path-to-php-script/query.php', function(data) {
   $(".gsc-input").html(data);
   alert('Load was performed.');
});

我们的想法是，您只需使用jQuery检索和操作在返回到仅HTML页面之前运行PHP脚本所需的数据。

Answer 2

你可以这样做将此代码放在头标记

中

    <script language="javascript"> 
    function changeData(fromDiv)
    {
        document.getElementById('toDiv').innerHTML = fromDiv.innerHTML;
    }
    </script>

这是你体内的标签

    <div id="toDiv"></div>
    <div id="fromDiv" onclick="changeData(this)">Hello World I am here</div>

HTML页面上的搜索查询中的PHP Echo

2 个答案: