<span id="pfnzv"></span>
      <form id="pfnzv"><span id="pfnzv"></span></form><address id="pfnzv"><span id="pfnzv"><nobr id="pfnzv"></nobr></span></address>
      <form id="pfnzv"><dfn id="pfnzv"><listing id="pfnzv"></listing></dfn></form>

        <sub id="pfnzv"><address id="pfnzv"></address></sub>
          <address id="pfnzv"><form id="pfnzv"><listing id="pfnzv"></listing></form></address>
          <address id="pfnzv"><address id="pfnzv"><nobr id="pfnzv"></nobr></address></address>

            <address id="pfnzv"></address>
            0712-2888027 189-8648-0214
            微信公眾號

            孝感風信網絡科技有限公司微信公眾號

            當前位置:主頁 > 技術支持 > Javascript/JQuery > JQuery隱藏Form表單提交數據查詢結果的代碼片段

            JQuery隱藏Form表單提交數據查詢結果的代碼片段

            時間:2024-06-04來源:風信官網 點擊: 524次
            風信建站應用實際項目的開發過程,項目需求為通過文字鏈接模擬表單提交數據,在處理表單提交數據的時候,我們會有兩種方式,第一種是直接在文字鏈接后面接傳遞的參數,第二種是使用JQuery模擬一個表單提交請求,下面的代碼片段主要是說明通過隱藏Form表單提交數據查詢結果的實現,示例代碼如下:

            HTML代碼:
            <ul>
                <li style="text-align:center" class="gjflCur"><a href="javascript:goGjfl('0');">全部</a></li>
                    <li><a href="javascript:goGjfl('1');">第01類-化學原料</a></li>
                    <li><a href="javascript:goGjfl('2');">第02類-顏料油漆</a></li>
                    <li><a href="javascript:goGjfl('3');">第03類-日化用品</a></li>
                    <li><a href="javascript:goGjfl('4');">第04類-燃料油脂</a></li>
                    <li><a href="javascript:goGjfl('5');">第05類-醫藥</a></li>
                    <li><a href="javascript:goGjfl('6');">第06類-金屬材料</a></li>
                    <li><a href="javascript:goGjfl('7');">第07類-機械設備</a></li>
                    <li><a href="javascript:goGjfl('8');">第08類-手工器械</a></li>
                    <li><a href="javascript:goGjfl('9');">第09類-科學儀器</a></li>
                    <li><a href="javascript:goGjfl('10');">第10類-醫療器械</a></li>
                ......
                </ul>

            <form name="hideForm" id="hideForm" action="/search!page.php" method="get"> 
            <input type="hidden" id="pageNo" name="pageNo" value="1"/> 
            <input type="hidden" id="l" name="l" value="201806061005481578c3lmZ"/>
            <input type="hidden" id="gjfls" name="gjfls" value="1;2;3;4;5;6;7;8;9;10;11;12;13;14;15;16;17;18;19;20;21;22;23;24;25;26;27;28;29;30;31;32;33;34;35;36;37;38;39;40;41;42;43;44;45"/>
            <input type="hidden" id="gjfl" name="gjfl" value="0"/>
            <input type="hidden" id="searchKey" name="searchKey" value="APPLE"/> 
            <input type="hidden" id="st" name="st" value="4"/> 
            </form>

            JQuery代碼:

            <script type="text/javascript">
            function goGjfl(gjflStr){
                $("#pageNo").val("1");
                $("#gjfl").val(gjflStr);
                $("#hideForm").submit();
            }
            function jumpPage(pageNo){
                $("#pageNo").val(pageNo);
                $("#hideForm").submit();
            }
            function goSearchLog(key){
                 $("#keywordT").val(key);
                 $("#stT").val("4");
                 $("#topF").submit();
            }
            </script>

            模擬請求之后url獲得的地址信息:
            http://www.akibacollection.net/search!page.php?pageNo=1&l=201806061005481578c3lmZ&gjfls=1%3B2%3B3%3B4%3B5%3B6%3B7%3B8%3B9%3B10%3B11%3B12%3B13%3B14%3B15%3B16%3B17%3B18%3B19%3B20%3B21%3B22%3B23%3B24%3B25%3B26%3B27%3B28%3B29%3B30%3B31%3B32%3B33%3B34%3B35%3B36%3B37%3B38%3B39%3B40%3B41%3B42%3B43%3B44%3B45&gjfl=1&searchKey=APPLE&st=4

            通過模擬form表單請注,url中獲得參數也更方便啦!
            熱門關鍵詞: JQuery Form表單 數據查詢結果
            欄目列表
            推薦內容
            熱點內容
            展開
            国产精久久久久无码AV动漫|最新亚洲精品国偷自产在线|2021亚洲色中文字幕在线|最新无码av中文字专区 情欲美妇紧致敏感 国产免费AⅤ片在线播放 人妻爽爽免费在线视频 51精品国产人成在线观看 色偷偷av一区二区三区
            <span id="pfnzv"></span>
                <form id="pfnzv"><span id="pfnzv"></span></form><address id="pfnzv"><span id="pfnzv"><nobr id="pfnzv"></nobr></span></address>
                <form id="pfnzv"><dfn id="pfnzv"><listing id="pfnzv"></listing></dfn></form>

                  <sub id="pfnzv"><address id="pfnzv"></address></sub>
                    <address id="pfnzv"><form id="pfnzv"><listing id="pfnzv"></listing></form></address>
                    <address id="pfnzv"><address id="pfnzv"><nobr id="pfnzv"></nobr></address></address>

                      <address id="pfnzv"></address>