2

私は少し初心者です。私が探している答えを見つけるために、多くのスタックオーバーフローページをトローリングしてきましたが、成功しませんでした。

私がやろうとしていることは次のとおりです。

ページにテキスト ボックスとボタンのみを配置する

単語が入力され、ボタンが押されます

検索結果がファンシーな方法でページに表示されます

簡単ですよね？

私はhtmlフォーム送信セクションを持っています:

<form id="searchHashtag" action="http://localhost:5000/search" method="get">
<label for="hashtag">Search for a hashtag:</label> 
<input type="text" name="hashtag" />
<input type="submit" value="send"/>

次にJavaScript関数：

 <script type="text/javascript" >

    <!--  submit action -->
    var resp;                   
    jQuery(document).ready(function()
    {
        $("#searchHashtag").submit( function(event)
        {   
            console.log("event");
        event.preventDefault();

            /* get some values from elements on the page: */
            $.ajax({
                url : $(this).attr('action'),
                type :$(this).attr('method'),
                        data :$(this).serialize(),

            success :function(response){
                 $("#contactResponse").show();
                         resp = response;    
            },
            error:function(xhr, status, errorThrown){
               console.log("xhr " + xhr.status);
               console.log("status " + status);
               console.log("error " + errorThrown);
            }
             });
                 return false;
          });
        });     

        </script>

そして私のCSSは：

#contactResponse {
    height: 600px;
    width: 750px;
    display: none;
}

応答 Html フィールド:

<div class="contentMain">
    <h1>Search results</h1>

        <div id="contactResponse">
                   **Display search results(resp) in a fancy way**   
            </div>

    </div>

ここに問題があります。ボタンを押すと、検索が終了します。

`http://localhost:5000/search?hashtag=**requestedWord**`

検索ヘッドはリクエストを問題なく受け取ります。現在、戻り値は次のようにハードコードされています。

<html>OK</html>

http 応答は 200 を返し、すぐにページにリダイレクトします。

http://localhost:5000/search?hashtag=**requestedWord**

ページに「OK」と表示されます。検索ヘッドの戻り値を文字列に変更しようとしました:

"OK"

jsonにも

({'id:'OK'})

しかし、すべてが「OK」を表示するページにリダイレクトされます

success :function(response){応答をキャプチャして、それを使用できるようにすることになっていると思いました。

私は何を間違っていますか？このように引き裂くのに十分な髪が残っていないので助けてください......

期待していただきありがとうございます:)

4

1 に答える 1