0

私はAJAXにまったく慣れていません。サーバーからデータをフェッチする必要があるHTMLページがあります。私はw3schoolsからのいくつかのチュートリアルに従い、AJAXに足を踏み入れました。

これが私の戦略です。として1つのプレーンHTMLファイルととしてajax.htmlのjspファイルがありますajaxdb.jsp。ボタンが押されると、関数を呼び出しますupdateList()。

これは私のコードです：

xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send(passParameter);

    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
       document.getElementById("printBack").innerHTML = xmlhttp.responseText;
    }

printBackdivの可視性を非表示にしたので、そこに入るものはすべて非表示になります。jspページには、従業員のすべてのリストを含むテーブルがあります。この後、非表示のテーブルへの参照であるdataTable.rows[0].cells[0].innerHTML = tempTable.rows[0].cells[0].innerHTML;Whereを使用します。tempTable

これはAJAXでテーブルコンテンツを取得するための最適なソリューションではないと思います。解決方法を教えてください。

4

1 に答える 1

1

これを実現するには、jQueryのAJAX機能を使用することをお勧めします： http：//api.jquery.com/jQuery.ajax/

また、JSPから、従業員のリストを有効な形式（JSON / XMLなど）で出力する必要があります。次に、リクエストの終了時にトリガーされる完全な関数を使用して、このリストをajax.htmlページに表示します。（送信されたステータスが「成功」であることを確認してください）。

Java配列/オブジェクトをJSON/XML形式に変換するのに役立つライブラリがいくつかあります。

編集 たとえば、http： //code.google.com/p/json-simple/を使用できます。次に、必要なデータをJSONオブジェクトに入れて、出力します。例から：

<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="org.json.simple.JSONObject"%>
<%
JSONObject obj=new JSONObject();
obj.put("name","foo");
obj.put("num",new Integer(100));
obj.put("balance",new Double(1000.21));
obj.put("is_vip",new Boolean(true));
obj.put("nickname",null);
out.print(obj);
out.flush();
%>
于 2013-02-16T09:16:10.487 に答える