後臺動態生成文章名,前臺js實現點文章名進入指定文章,打通前臺與後臺的操作。

 

 

想實現的效果就是動態生成數據,例如每一篇博客的文章名動態生成,然後點擊博客名能進入指定的文章。

知識有限,未學GridView的數據綁定控件,只能用現有的知識實現。

後臺提取數據放到指定的table中,顯示在頁面上,然後再點擊頁面的文章題目進入到文章內容,但是table是動態生成,所以後臺不能用id調用,只能用js才能訪問到,

動態提取數據放到table請看我的另一篇文章《用table,js實現web動態取數據並實現分頁效果》

每個table存儲一個文章的簡單信息,例如包括文章名作者還有簡單的內容展示,即像csdn的文章頁面。後臺將數據的總條數賦值給Button1,前臺用js爲每個table添加點擊事件,而每個事件都會觸法頁面上一個button的點擊事件,而button可以控制後臺程序,button的功能就是講頁面TextBox的text值傳給Session,並跳轉頁面,在新的頁面去的session中保存的id值,查詢數據庫並返回,

總體過程   打通前臺後臺

後臺動態生成table-------前臺爲table動態添加事件---事件功能是改變頁面上TextBox的Text的值並且觸法頁面上Button的點擊事件-----button的功能是將Text的值賦值給Session----- 在新頁面取得Session的值並查詢數據庫

function wenzhang() {
    var q2 = document.getElementById("Button1");//button的屬性存儲着數據庫中數據的條數,
    var bq2 = document.getElementById("TextBox1");//改變TextBox的text的值
    x = q2.defaultValue;
   
    for(var i = 1; i <= x; i++) {


        var on = document.getElementById("t" + i + "");//後臺每個table的id都是tx,x爲數字;
             on.name = i.toString();
             on.onclick = function xxx1() {//爲每個table 添加js的點擊事件
                 bq2.value = this.name;//this.name中存儲的是激發此事件的table的name,name中存儲着每條數據對應的id,並且賦值給Textbox的text
                  document.getElementById("Button1").click();//頁面文章名稱不允許有button所以不能在後臺動態添加事件,這裏是創建了一個button,用它控制後臺
       
               
             }
    }

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章