Javascript 搜索谷歌电子表格API_Javascript_Html_Google Api_Spreadsheet

Javascript 搜索谷歌电子表格API

javascript html google-api

Javascript 搜索谷歌电子表格API,javascript,html,google-api,spreadsheet,Javascript,Html,Google Api,Spreadsheet,我正在尝试创建一个搜索，搜索我拥有的谷歌电子数据表在我的查询中，setQuery（）未搜索我输入的搜索字符串此外，表格填充不正确我做了一些标记注释，这样我就可以包含所有代码，因为堆栈溢出只允许我提交5个标记谢谢你的帮助 <!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Example of G

我正在尝试创建一个搜索，搜索我拥有的谷歌电子数据表

在我的查询中，setQuery（）未搜索我输入的搜索字符串

此外，表格填充不正确

我做了一些标记注释，这样我就可以包含所有代码，因为堆栈溢出只允许我提交5个标记

谢谢你的帮助

<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Example of Google Spreadsheet Data Visualisation</title>
</head>

<body>

<form id="form1" name="form1" method="post" onsubmit ="return drawVisualization()"> <label>
<input id="search" name="search" type="text" />
</label>
<label>
<input type="submit" />
</label>

</form>
<p>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
      google.load('visualization', '1', {packages: ['table']});
</script>
<script type="text/javascript">
    var visualization;

function getSearch() { return form1.elements["search"].value;}

    function drawVisualization() {

      $search = getSearch();
 if ($search > ''){ $search = $search;} else { $search = '';}

 // alert($search);

      var query = new google.visualization.Query(
          '//My link to public google spread sheet');

      query.setQuery("SELECT A ,B, C  where upper(A) like upper('{$search}')  or upper(B) like upper('{$search}') order by A asc label A 'Product', B 'Manufacturer', C 'Category' ");


    //"SELECT guests FROM exp_freeform_entries WHERE ordid='{$_SESSION['eid']}' LIMIT 1");


      query.send(handleQueryResponse);
    }

    function handleQueryResponse(response) {
      if (response.isError()) {
        alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
        return;
      }

      var data = response.getDataTable();

     visualization = new google.visualization.Table(document.getElementById('table'));
     visualization.draw(data, {legend: 'bottom'});

    }

    google.setOnLoadCallback(drawVisualization);
    </script>

   <div id="table"></div>

</div>

</body>
</html>


谷歌电子表格数据可视化示例

load（'visualization'，'1'，{packages:['table']}）；
var可视化；
函数getSearch（）{返回form1.elements[“search”].value；}
函数drawVisualization（）{
$search=getSearch（）；
如果（$search>''）{$search=$search；}否则{$search=''；}
//警报（$搜索）；
var query=new google.visualization.query(
“//我的公共谷歌电子数据表链接”）；
setQuery（“通过asc标签A‘产品’、B‘制造商’、C‘类别’”，选择A、B、C，其中上部（A）类上部（‘{$search}’）或上部（B）类上部（‘{$search}’）顺序）；
//“从exp_freeform_条目中选择来宾，其中ORDD='{$_会话['eid']}'限制1”）；
发送（handleQueryResponse）；
}
函数handleQueryResponse（响应）{
if（response.isError（））{
警报（'查询中的错误：'+response.getMessage（）+'+response.getDetailedMessage（））；
返回；
}
var data=response.getDataTable（）；
可视化=新的google.visualization.Table（document.getElementById（'Table'）；
绘制（数据，{legend:'bottom'}）；
}
setOnLoadCallback（drawVisualization）；