1

HTMLページからサーブレットにデータを送信しました。これはコードです

 <form name="search" id="search_bar" action="PathServlet" method="get">
        <table border="5" cellspacing="5" cellpadding="0"><tr>
        <td>
            <input Style="width:300px;"  name="one" type="text"  value="Enter Your Search Here" onFocus="clearText(this)" onBlur="clearText(this)">  <br/>
            <input Style="width:300px;"  name="two" type="text"  value="Enter Your Search Here" onFocus="clearText(this)" onBlur="clearText(this)">  <br/>


            <input type="submit" value="search"/></td></tr>
        </table>    
    </form>

サーブレットで XML のリストを作成します

        response.setContentType("text/xml;charset=UTF-8");
    PrintWriter out = response.getWriter();
    out.append("<?xml version=\"1.0\" encoding=\"UTF-8\"?>");
    out.append("<response>");
    try {
        for (int j = 0; j < path.size(); j++) {

            List<Pipes> tempDeal = PipesDAO.getInstance().findPath(
                    path.get(j).name, path.get(j).name);
            for (int i = 0; i < tempDeal.size(); i++) {
                result += "<deal>" + "<name>" + tempDeal.get(i).getName()
                        + "</name>" + "<lat>" + tempDeal.get(i).getLat()
                        + "</lat>" + "<lon>" + tempDeal.get(i).getLon()
                        + "</lon>" + "<desc>" + tempDeal.get(i).getId()
                        + "</desc>" + "</deal>";
            }
        }
        out.append(result);
        out.append("</response>");
    } finally {
        out.close();
    }

そこで、応答データを Ajax を使用してカスタム HTML ページに返したいと思います。

         $.ajax({

しかし、Ajax でデータを取得する方法がわかりません。

何か案が？？

4

1 に答える 1

1

jQuery を使用して、ajax を使用してデータを投稿します。詳細な手順については、このリンクを確認してください: http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

サンプル コード スニペット

$(document).ready(function() {
    $('#form').submit(function() {
        var searchtext = $('#search').val();
        $.ajax({
            type:       "post",
            url:        "/PathToServlet",
            data:       "q=" + searchtext ,
            success:    function(data) {
              alert('Data Recieved : ' + data);
            }
        });

    return false;
    });
});
于 2012-08-21T13:16:01.973 に答える