投稿のタイトルをハイパーリンクとしてリストに表示する次のコードがあります。このリンクをクリックすると、ArrayList alに保存されている投稿の他の詳細が表示されます。これを行う方法を教えてください。
protected void Page_Load(object sender, EventArgs e)
{
DB ob = new DB();
string html = "";
ArrayList temp = new ArrayList();
DB.open();
ArrayList al = new ArrayList();
for (int i = 1; i <= 4; i++)
{
al.Add(ob.fetch_post(i));
temp = (ArrayList)al[i-1];
html = html + "<div class=\"spacer\"></div>" + " " + "<div id=\"Title\" +i+"\" class=\"title\">"+ "<a href=\"#\"/>" + temp[0] + "</a> </div>";
}
wrapper_title.InnerHtml = html;
}
次のようにajax関数を含めました
$(document).ready(function () {
// Add the page method call as an onclick handler for the div.
$("#Title").click(function () {
$.ajax({
type: "POST",
url: "Default.aspx/display",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
// Replace the div's content with the page method's return.
$("#sidebar1").text(msg.d);
}
});
});
});
今私が直面している問題は、div id が Title1 から Title4 に作成されるときに動的に上記の AJAX 関数を呼び出す方法がわからないことです。また、ArrayList al をパラメーターとして Ajax から C# の表示機能に渡すのにも役立ちます。