$.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
}
}
}
}
以上是我做登陆提示的一段代码 如果需要其他数据 稍加修改即可 如果实时显示 需要做个定时器 多久显示一次
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)