如何利用js刷新页面gridview中行数据

JavaScript012

如何利用js刷新页面gridview中行数据,第1张

利用js刷新页面gridview中行数据

第一种方法：

function submitData() {

var tb = document.getElementById(IDArray[0]) //获取服务器控件GridView的ID

if (tb) {

var rows = tb.rows

for (var i = 1i <rows.lengthi++) {

var id = rows[i].cells[1].innerText

var name = rows[i].cells[2].innerHTML

var oDropDownList = rows[i].cells[3].childNodes[0]

var oText = oDropDownList.options[oDropDownList.selectedIndex].text //获取GridView中下拉列表中选中的文本

var oValue = oDropDownList.options[oDropDownList.selectedIndex].value //获取GridView中下拉列表中选中的值

}

}

}

第二种方法：

function submitData() {

var tb = document.getElementById(IDArray[0])

if (tb.hasChildNodes) {

if (tb.childNodes[0] != null) {

var rowCount = tb.childNodes[0].childNodes.length

for (var i = 1i <rowCounti++) {

var child = tb.childNodes[0].childNodes[i]

var id = rowCount[i].cells[1].innerHTML

var name = child.childNodes[1].innerHTML

var oDropDownList = child.childNodes[2].childNodes[0]

var oText = oDropDownList.options[oDropDownList.selectedIndex].textvar oValue = oDropDownList.options[oDropDownList.selectedIndex].value

}

}

}

js不剧新页面只刷新数据的方式有很多。

1、可以通过iframe做局部刷新，这个比较简单。

2、可以通过ajax技术做动态刷新，这个很成熟，整个web2.0的技术基础就是ajax。

3、可以通过websocket长连接进行数据更新，这个由于是长连接，对服务端压力有一定要求。

希望对你有帮助。