数据库内容通过el表达式全部显示出来了,怎么通过ajax按照查询条件刷新表格内容呢?

数据库内容通过el表达式全部显示出来了,怎么通过ajax按照查询条件刷新表格内容呢?,第1张

这种形式的显示方式一般都需要刷新页面,如果你只想刷新部分页面可以考虑使用iframe子页面刷新,如果用ajax的话无法在不刷新页面的情况下修改table数据。当然,如果你非要用ajax的话,那也可以在ajax的success中把table清除,然后用重新渲染这部分的html。

$.ajax({

cache:false,

async:false,

url:url,

type:'post',

dataType:'json',

data:data,

success:function(data){

if(data&&data.length>0){

$("#search_msg tr").remove()

//添加内容

var trContent=""

trContent+="<tr>"

$("#search_msg").append(trContent)

})

jsp中的table局部刷新就通过ajax异步刷新数据数显的。

jsp中ajax的写法:

function update (){

$.ajax(function(){

method:"post",

url:"DeleteAction",

data:xxxxx,

success: function(return) {

$("#tabelData").html(return)

}

})

}

jsp中table:

<table>

<tr>

<td>第一行</td>

<td><a onclick="updata()">更新</a></td>

</tr>

<table>

实现过程:点击表格的某一行数据,就触发更新动作,执行update方法。

update中调用ajax接口去后台取数据并刷新之前的记录。

//** 实例化Ajax -------

var ajax = null

//** 接收URL地址

var url = "./***.asp" //这个文件是你处理的文件

if(window.XMLHttpRequest){

ajax = new XMLHttpRequest()

}else if(window.ActiveXObject){

ajax = new ActiveXObject("Microsoft.XMLHTTP")

}else{

return

}

//** 需要POST的值,把每个变量都通过&来联接

var postStr = "uid="+ uid +"&pwd="+ pwd //这里是需要查询的参数 自定义 把ASP变量里的参数传进来即可

//** 通过Post方式打开连接

ajax.open("POST", url , true) //post get

//** 定义传输的文件HTTP头信息

ajax.setRequestHeader("Content-Type","application/x-www-form-urlencodedcharset=GB2312") //post 方法

//** 发送数据

ajax.send(postStr)

//** 返回数据的处理函数

ajax.onreadystatechange = function(){

var Mess

if (ajax.readyState == 4 &&ajax.status == 200){

//msg.innerHTML = ajax.responseText//id方式返回结果信息

Mess=ajax.responseText

//alert(ajax.responseText)//JSd出窗口方式返回结果信息

if (Mess=="登陆成功!"){

alert(ajax.responseText)

window.location.href='./' //转到页面

}else{

alert(ajax.responseText) //这里是显示处理结果返回的值

return true

}

}

}

}

以上是我做登陆提示的一段代码 如果需要其他数据 稍加修改即可 如果实时显示 需要做个定时器 多久显示一次


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/10773307.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-11
下一篇 2023-05-11

发表评论

登录后才能评论

评论列表(0条)

保存