0

投稿のタイトルをハイパーリンクとしてリストに表示する次のコードがあります。このリンクをクリックすると、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# の表示機能に渡すのにも役立ちます。

4

0 に答える 0