在网站中嵌入Google Search API_怎么加入网站api-优快云博客

本文链接：https://blog.youkuaiyun.com/loverszhaokai/article/details/5923986

本文介绍了一种解决Google搜索代码嵌入网页时出现问题的方法，并详细记录了从遇到问题到最终解决的全过程，包括使用百度搜索代码作为备选方案及最终采用双表单方式实现搜索功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

源码网址： http://www.google.cn/intl/zh-cn/searchcode.html

http://www.google.com/cse/

不知为什么我每次调用都出现：Request url is too large。

我的代码：

<table style="background-color: #FFFFFF; width: 499px;"> <tr> <td> <a href="http://www.google.com" mce_href="http://www.google.com"> <img src="http://www.google.com/logos/Logo_40wht.gif" mce_src="http://www.google.com/logos/Logo_40wht.gif" style="border-style: none;" mce_style="border-style: none;" alt="Google" /> </a> </td> <td> <input type="text" name="q" size="31" maxlength="255" value="" /> <input type="hidden" name="hl" value="zh-CN" /> <input type="hidden" name="oe" value="GB2312" /> <input type="hidden" name="ie" value="utf-8" /> <input type="submit" name="btnG" value="Google 搜索" /> <font size="-1"> <input type="hidden" name="domains" value="站内" /> <br /> <input type="radio" name="sitesearch" value="" />搜索Internet <input type="radio" name="sitesearch" value="http://localhost:2298/Baby/Default2.aspx" checked="checked" />搜索站内 </font> </td> </tr> </table>

1：

2：

3：

<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"

border="0" ALT="Google"></A>

</td>

<td>

<input type=hidden name=domains value="YOUR DOMAIN NAME"><br><input type=radio name=sitesearch value=""> WWW <input type=radio name=sitesearch value="YOUR DOMAIN NAME" checked> YOUR DOMAIN NAME <br>

</font>

</td></tr></TABLE>

</FORM>

无奈下，转头百度了。

http://www.baidu.com/search/freecode.html

all is well。

一切都好。

百度也出现了错误。是我的错吗？

仔细查找后才发现确实是我的错误。

初来乍到，我发现自己很聪明啊。我把Google。search写到一个页面然后，用iframe嵌进来。。

嗷嗷。不行啊。我太笨了，嵌入以后点击搜索的话会在frame里面很小的框里显示搜索结果。

怎么办呢？

继续寻找答案：

我只能在aspx页面搞两个form 了。

通过position属性把第一个form里面的搜索框搞到我想要的位置。

终于ok了。

现附上插图和代码：（我比较笨，但能坚持，鼓励^^）

代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>baobei</title> <link type="image/x-icon" href="Common_Image/shared/logo.ico" mce_href="Common_Image/shared/logo.ico" rel="shortcut icon" /> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> body { text-align: center; /* background: url('Common_Image/2.jpg'); background-attachment: inherit; background-position: center; background-repeat: no-repeat; background-color: #006eb9;*/ } a { text-decoration: underline; cursor: pointer; } .blank { height: 10px; } .all { width: 1000px; height: auto; margin-left: auto; margin-right: auto; } .head { position: relative; margin-left: auto; margin-right: auto; background-color: Orange; width: 1000px; height: 200px; top: 0px; left: 0px; } .google { position: absolute; right: -20px; height: 94px; } .head_top { position: absolute; left: 257px; top: 64px; height: 16px; } .menu { width: 1000px; height: 34px; position: absolute; bottom: 10px; left: 0px; background-color: #005eac; } .menu ul { font-weight: bolder; color: White; height: 20px; margin-top: 7px; width: 775px; margin-left: 20px; margin-bottom: auto; } .menu ul li { float: left; list-style-type: none; width: 155px; } .main { margin-top: 5px; background-color: Gray; margin-left: auto; margin-right: auto; width: 1000px; position: relative; overflow: hidden; height: 100%; } .footer { position: relative; background-color: Olive; margin-left: auto; margin-right: auto; width: 1000px; height: 100px; } .footer_author { position: absolute; left: 411px; top: 37px; height: 30px; width: 187px; } .main_top { width: 1000px; height: 320px; margin-left: auto; margin-right: auto; padding: 5px; background-color: White; } .main object { margin-right: 10px; } .main_product { width: 1000px; height: auto; } .main_left { float: left; margin-left: 10px; margin-top: 10px; width: 200px; height: auto; background-color: #dddddd; } .main_right { float: left; margin-left: 20px; margin-bottom: 20px; margin-top: 10px; width: 720px; height: auto; background-color: white; padding-left: 20px; padding-top: 10px; } .main_article { width: 1000px; height: auto; } .main_article_pregnancy { width: 1000px; margin-bottom: 10px; float: left; } .main_article_activity { width: 1000px; height: 300px; margin-bottom: 10px; float: left; background-color: Aqua; } .main_article_pregnancy_left { float: left; width: 200px; margin-left: 10px; background-color: #DDDDDD; } .main_article_pregnancy_right { width: 600px; height: 300px; float: left; margin-left: 100px; background-color: White; } .main_article_pregnancy_parent { width: 600px; height: 20px; float: left; color: #666666; font-size: 14px; } .main_article_pregnancy_parent a { text-decoration: none; color: #666666; } .main_article_pregnancy_parent_title { width: 400px; height: 20px; float: left; margin-left: 10px; } .main_article_pregnancy_parent_subtime { float: left; width: 150px; height: 20px; margin-left: 10px; } .main_article_pregnancy_left_parent { width: 200px; height: 50px; margin-left: auto; margin-right: auto; text-align: center; } /*product begin*/ .category { width: 250px; height: 250px; margin-left: auto; margin-right: auto; } .cate_name { color: #005eac; width: 350px; height: 25px; text-align: left; } .product { width: 250px; height: 220px; } .products { border: 1px solid #DDDDDD; width: 240px; height: 190px; font-size: 12px; color: #005eac; text-align: center; } .products_photo { margin: auto; margin-top: 10px; width: 120px; height: 100px; } .products_photo img { border-style: none; width: 100px; height: 100px; margin: auto; } .products_inf { text-align: left; } .products_inf table { width: 220px; margin-left: auto; margin-right: auto; } .products_xianjia { color: Red; font-size: 13px; } .products_yuanjia { text-decoration: line-through; } .products_inf_price { color: #666666; } /*product end*/ /*category begin*/ .Repeater_category_main { height: 50px; width: 180px; } /*category end*/ /*activities begin*/ .main_article_activity_left { width: 200px; height: 300px; margin-left: 10px; background-color: White; float: left; } .main_article_activity_right { width: 600px; height: 300px; margin-left: 10px; background-color: White; float: left; } .main_article_activity_right_parent { width: 600px; height: 30px; color: #666666; font-size: 12px; } .main_article_activity_right_parent_title { width: 300px; height: 30px; float: left; } .main_article_activity_right_parent_subtime { width: 200px; height: 30px; float: left; margin-left: 50px; } /*activities end*/ /*qq help*/ .qq { height: 80px; background-color: #F3F3F2; width: 80px; position: fixed; z-index: 9000; right: 0px; bottom: 0px; } .qq a { text-decoration: none; } .qq_img { width: 80px; height: 80px; } .qq_off { color: #A0A0A0; font-size: 12px; } .none { display: none; } .show { display: block; } #show { background-color: #F3F3F2; height: 20px; width: 40px; position: fixed; z-index: 9000; right: 0px; bottom: 0px; font-size: 12px; color: #A0A0A0; } #show a { text-decoration: none; } .gg { position: absolute; right: 160px; top: 90px; z-index: 9999; } .google { width: 100%; height: 0; position: relative; top: 0px; } </style> </head> <body>  <form method="GET" action="http://www.google.com/search"> <input type="hidden" name="ie" value="UTF-8"> <input type="hidden" name="oe" value="UTF-8"> <div class="google"> <div class="gg"> <table bgcolor="#FFFFFF"> <tr> <td> <a href="http://www.google.com/" mce_href="http://www.google.com/"> <img src="http://www.google.com/logos/Logo_40wht.gif" mce_src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google"></a> </td> <td> <input type="text" name="q" size="31" maxlength="255" value=""> <input type="submit" name="btnG" value="Google Search"> <font size="-1"> <input type="hidden" name="domains" value="http://localhost:2298/Baby/"><br> <input type="radio" name="sitesearch" value=""> Internet <input type="radio" name="sitesearch" value="http://localhost:2298/Baby/" checked> baobei <br> </font> </td> </tr> </table> </div> </div> </form>  <form id="FORM1" runat="server"> <div class="all"> <div class="head"> <div class="google_search"> </div> <div class="head_top"> this is head </div> <div class="menu"> <ul> <li>首页 </li> <li>商品 </li> <li>孕妇讲堂 </li> <li>活动信息 </li> <li>加盟我们 </li> </ul> </div> </div> <div class="main"> <div class="main_top"> <mce:script type="text/javascript" src="Scripts/jidaodiantu_1.js" mce_src="Scripts/jidaodiantu_1.js"></mce:script> <%--<mce:script type="text/javascript"></mce:script>--%> <object width="932" height="316" align="right" id="01" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"> <param value="sameDomain" name="allowScriptAccess" /> <param value="flash/main.swf?info=|_|Common_Image/default/1.jpg|_|Common_Image/default/spic1.jpg||||_|Common_Image/default/2.jpg|_|Common_Image/default/spic2.jpg||||_|Common_Image/default/3.jpg|_|Common_Image/default/spic3.jpg" name="movie" /> <param value="high" name="quality" /> <param value="#ffffff" name="bgcolor" /> <param value="transparent" name="wmode" /> <embed width="932" height="316" align="right" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowscriptaccess="sameDomain" name="01" bgcolor="#ffffff" quality="high" src="flash/main.swf?info=|_|Common_Image/default/1.jpg|_|Common_Image/default/spic1.jpg||||_|Common_Image/default/2.jpg|_|Common_Image/default/spic2.jpg||||_|Common_Image/default/3.jpg|_|Common_Image/default/spic3.jpg" mce_src="flash/main.swf?info=|_|Common_Image/default/1.jpg|_|Common_Image/default/spic1.jpg||||_|Common_Image/default/2.jpg|_|Common_Image/default/spic2.jpg||||_|Common_Image/default/3.jpg|_|Common_Image/default/spic3.jpg" /></object> </div> <div class="main_product"> <div class="main_left"> <asp:Repeater ID="Repeater_Repeatercategory" runat="server" DataSourceID="SqlDataSource_category"> <ItemTemplate> <div class="blank"> </div> <div class="Repeater_category_main"> <%#Eval("CateName")%> </div> </ItemTemplate> </asp:Repeater> </div> <div class="main_right"> <asp:DataList ID="DataList_category" runat="server" DataSourceID="SqlDataSource_category" RepeatColumns="3" OnItemDataBound="DataList_category_ItemDataBound"> <ItemTemplate> <div class="category"> <div class="cate_name"> <%#Eval("CateName") %> </div> <div style="display: none" mce_style="display: none"> <asp:Label ID="lbl_id" runat="server" Text='<%#Eval("CategoryId") %>'></asp:Label> </div> <div class="product"> <asp:DataList ID="DataList2" runat="server" RepeatColumns="3"> <ItemTemplate> <div class="products"> <p> <%#Eval("ProName") %></p> <div class="products_photo"> <a href="items.aspx?productId=<%#Eval(" mce_href="items.aspx?productId=<%#Eval("id") %>" title='<%#Eval("ProName") %>' target="_blank"> <img src='Product_Image/<%#Eval("Photo") %>' alt='<%#Eval("ProName") %>' title='<%#Eval("ProName") %>' onload="javascript:limitImage(this);" /></a> <mce:script type="text/javascript"></mce:script> </div> <div class="products_inf"> <table> <tbody> <tr class="products_inf_price"> <td> 原价: ￥<span class="products_yuanjia"> <asp:Label ID="OldMoneyLabel" runat="server" Text='<%# Eval("OldMoney") %>' /></span> </td> <td> 现价: ￥<span class="products_xianjia"> <asp:Label ID="NewMoneyLabel" runat="server" Text='<%# Eval("NewMoney") %>' /> </span> </td> </tr> <tr class="products_inf_price"> <td colspan="2"> 折扣: <asp:Label ID="DiscountLabel" runat="server" Text='<%# Eval("Discount") %>' /> </td> </tr> </tbody> </table> </div> <div style="display: none;" mce_style="display: none;"> <asp:Label ID="ProductIdLabel" runat="server" Text='<%# Eval("id") %>' /> <asp:Label ID="CategoryIdLabel" runat="server" Text='<%# Eval("CategoryId") %>' /> </div> </div> </ItemTemplate> </asp:DataList> </div> </div> </ItemTemplate> </asp:DataList> <asp:SqlDataSource ID="SqlDataSource_category" runat="server" ConnectionString="<%$ ConnectionStrings:BabyConnectionString %>" SelectCommand="SELECT * FROM [Category] ORDER BY [CategoryId] DESC"></asp:SqlDataSource> </div> </div> <div class="main_article"> <div class="main_article_pregnancy"> <div class="main_article_pregnancy_left"> <div class="blank"> </div> <asp:DataList ID="DataList_pregnancy_category" runat="server" DataKeyField="id" DataSourceID="SqlDataSource_pregnancy_category"> <ItemTemplate> <div class="main_article_pregnancy_left_parent"> <%#Eval("name") %> </div> </ItemTemplate> </asp:DataList> <asp:SqlDataSource ID="SqlDataSource_pregnancy_category" runat="server" ConnectionString="<%$ ConnectionStrings:BabyConnectionString %>" SelectCommand="SELECT * FROM [Cate] ORDER BY [id]"></asp:SqlDataSource> </div> <div class="main_article_pregnancy_right"> <asp:DataList ID="DataList_article" runat="server" DataKeyField="id" DataSourceID="SqlDataSource_article" Height="274px" Width="600px"> <ItemTemplate> <div class="main_article_pregnancy_parent"> <div class="main_article_pregnancy_parent_title"> <a target="_blank" href="article.aspx?aid=<%#Eval(" mce_href="article.aspx?aid=<%#Eval("id") %>&cid=<%#Eval("cid") %>" title='<%#Eval("title") %>'> <%# Eval("title").ToString().Length>30 ? Eval("title").ToString().Substring(0,30) + "..." : Eval("title") %></a> </div> <div class="main_article_pregnancy_parent_subtime"> <%#Eval("subtime")%> </div> </div> </ItemTemplate> </asp:DataList> <asp:SqlDataSource ID="SqlDataSource_article" runat="server" ConnectionString="<%$ ConnectionStrings:BabyConnectionString %>" SelectCommand="SELECT top (10) [id], [cid], [title], [subtime] FROM [Article] ORDER BY [id] DESC"> </asp:SqlDataSource> </div> </div> <div class="main_article_activity"> <div class="main_article_activity_left"> </div> <div class="main_article_activity_right"> <div class="blank"> </div> <asp:DataList ID="DataList_activities" runat="server" DataKeyField="id" DataSourceID="SqlDataSource_activities"> <ItemTemplate> <div class="main_article_activity_right_parent"> <div class="main_article_activity_right_parent_title"> <%--其实这里标题省略号代替是没有必要的，我在数据库中限制字符串的长度为50，也就是说只能有25个汉字--%> <%#Eval("title").ToString().Length>30?Eval("title").ToString().Substring(0,30)+"……":Eval("title") %> </div> <div class="main_article_activity_right_parent_subtime"> <%#Eval("subtime").ToString() %> </div> </div> </ItemTemplate> </asp:DataList> <asp:SqlDataSource ID="SqlDataSource_activities" runat="server" ConnectionString="<%$ ConnectionStrings:BabyConnectionString %>" SelectCommand="SELECT top(5) [id], [title], [subtime] FROM [Activities] ORDER BY [id] DESC"> </asp:SqlDataSource> </div> </div> </div> </div> <div class="footer"> <div class="footer_author"> made by loverszhaokai<br /> loverszhaokai@csdn</div> </div> </div> <mce:script type="text/javascript"></mce:script> <div id="qq" class="qq"> <div class="qq_off"> <a onclick="shutup()">隐藏</a> </div> <div class="qq_img"> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=853591185&site=qq&menu=yes" mce_href="http://wpa.qq.com/msgrd?v=3&uin=853591185&site=qq&menu=yes"> <img border="0" src="http://wpa.qq.com/pa?p=2:853591185:48" mce_src="http://wpa.qq.com/pa?p=2:853591185:48" alt="点击这里给我发消息" title="点击这里给我发消息" /></a> </div> </div> <div id="show" class="none"> <a onclick="show()">显示</a> </div> </form> </body> </html>

loverszhaokai