日期:2014-05-16  浏览次数:20364 次

后台动态生成文章名,前台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,用它控制后台
       
               
             }
    }