读书人

1.如何用 JQUERY AJAX 调用一个ACTION

发布时间: 2012-03-24 14:00:46 作者: rapoo

1.怎么用 JQUERY AJAX 调用一个ACTION 这个ACTION实现一个查询功能 返回一个的是LIST 2.怎么显示在页面的一个制定的位置
1.怎么用 JQUERY AJAX 调用一个ACTION 这个ACTION实现一个查询功能 返回一个的是LIST
2.怎么显示在页面的一个制定的位置

邮箱:
87958208@qq.com

[解决办法]
jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求
参数:
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键
值对形式表示。
callback (Function) : (可选) 载入成功时回调函数(只有当Response
的返回状态是success才是调用该方法)。
type (String) : (可选)官方的说明是:Type of data to be sent。
其实应该为客户端请求的类型(JSON,XML,等等)

比如
$.post("ACTION",function(result){
result = $.trim(result);//去空格
var List = $.parseJSON(result); //ACTION返回的应为JSON格式,转换成List
.... //List都取到了,想让它显示在哪位置更简单了,省略
})

[解决办法]
这个简单。

1.画面中js。
function doQuery(){
$.ajax({url:"<%=request.getContextPath()%>/<%=PFMConstants.PFM_MODULE_FILE_UPLOAD_INFO%>/checkFileName.htm", //URL
cache:"False",
type:"get",
async: false,//同步校,默认为true,是异步方式
data:{fileName:fileName},//入的
success:function(data, textStatus){//回方法


//先移除之前的信息,再加载
$("#tab1 tbody").find('tr:not(:first)').remove();
var html = "";
$.each(data,function(index,comm){
html+='<tr class="table-odd-row">'
+'<td class="table-string-column">'+'<a href="javascript:void(0)" onclick="return deleteFile('+comm['fileNo']+');"><img src="${ctx}/images/u78.png" width="16" height="16" border="0" alt="除"></a>'+'</td>'
+'<td class="table-other-column">'+'<a href="<%=request.getContextPath()%>/<%=PFMConstants.PFM_MODULE_FILE_UPLOAD_INFO%>/downloadFile.htm?wh=temp&fileName='+comm['aliasFileName']+'">'+comm['fileName']+'</a>'+'</td>'
+'<td class="table-other-column">'+comm['strUploadDate']+'</td>'
+'<td class="table-other-column">'+comm['uploadUser']+'</td>'
+'<td class="table-other-column">'+comm['fileSize']+'</td>'
+'<td class="table-other-column">'+comm['comments']+'</td>'
+'</tr>';
});
$("#tab1 tbody").html(html);
}});


}



画面中需要写的:

<table class="tablestyle" cellspacing="0" cellpadding="0">
<tr>
<td>
<table class="table-background" id="tab1" cellpadding="2" cellspacing="1">
<thead>
<tr>
<th class="headers" scope="col">理</th>
<th class="headers" scope="col">案名</th>
<th class="headers" scope="col">上</th>
<th class="headers" scope="col">上人</th>
<th class="headers" scope="col">案大小</th>
<th class="headers" scope="col">附注</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</td>
</tr>
</table>



就可以了。
------解决方案--------------------


这个简单。

1.画面中js。
function doQuery(){
$.ajax({url:"<%=request.getContextPath()%>/<%=PFMConstants.PFM_MODULE_FILE_UPLOAD_INFO%>/checkFileName.htm", //URL
cache:"False",
type:"get",
async: false,//同步校,默认为true,是异步方式
data:{fileName:fileName},//入的
success:function(data, textStatus){//回方法


//先移除之前的信息,再加载
$("#tab1 tbody").find('tr:not(:first)').remove();
var html = "";
$.each(data,function(index,comm){
html+='<tr class="table-odd-row">'
+'<td class="table-string-column">'+'<a href="javascript:void(0)" onclick="return deleteFile('+comm['fileNo']+');"><img src="${ctx}/images/u78.png" width="16" height="16" border="0" alt="除"></a>'+'</td>'
+'<td class="table-other-column">'+'<a href="<%=request.getContextPath()%>/<%=PFMConstants.PFM_MODULE_FILE_UPLOAD_INFO%>/downloadFile.htm?wh=temp&fileName='+comm['aliasFileName']+'">'+comm['fileName']+'</a>'+'</td>'
+'<td class="table-other-column">'+comm['strUploadDate']+'</td>'
+'<td class="table-other-column">'+comm['uploadUser']+'</td>'
+'<td class="table-other-column">'+comm['fileSize']+'</td>'
+'<td class="table-other-column">'+comm['comments']+'</td>'
+'</tr>';
});
$("#tab1 tbody").html(html);
}});


}



画面中需要写的:

<table class="tablestyle" cellspacing="0" cellpadding="0">
<tr>
<td>
<table class="table-background" id="tab1" cellpadding="2" cellspacing="1">
<thead>
<tr>
<th class="headers" scope="col">理</th>
<th class="headers" scope="col">案名</th>
<th class="headers" scope="col">上</th>
<th class="headers" scope="col">上人</th>
<th class="headers" scope="col">案大小</th>
<th class="headers" scope="col">附注</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</td>
</tr>
</table>



就可以了。

读书人网 >Java Web开发

热点推荐