87,922
社区成员
发帖
与我相关
我的任务
分享AJAX问题
怎么让我的查询按钮生效，只出现我查询的这条数据，怎么写AJAX。
<button type="button" class="btn btn-primary" id="getTotal">查询</button>
$.ajax({
type : "POST",
url : baseUrl + "apsSysParamType/ajaxPage",
contentType : "application/json; charset=utf-8", //内容类型
dataType : "json", //类型
success : function(data) {
console.log(data)
var dataMsg = data.obj.rows
console.log(dataMsg)
var str= "";
for(var i=0;i<dataMsg.length;i++){
str += "<tr>"+
"<td>"+dataMsg[i].paramTypeValue+"</td>"+
"<td>"+dataMsg[i].paramTypeName+"</td>"+
"<td>"+dataMsg[i].paramTypeDesc+"</td>"+
"<td>"+dataMsg[i].updateDt+"</td>"+
"<td><a href=''>配置</a> | <a href=''>修改</a></td></tr>";
}
$("#paraConf .public_table_class table tr:first").after(str)
},
error : function() {
alert("查询出错");
}
});
上面这个ajax出现时两条数据，我输入模糊查询的值时，怎么让他只出现我查询的这一条数据啊？
<button type="button" class="btn btn-primary" id="getTotal">查询</button>
$.ajax({
type : "POST",
url : baseUrl + "apsSysParamType/ajaxPage",
contentType : "application/json; charset=utf-8", //内容类型
dataType : "json", //类型
success : function(data) {
console.log(data)
var dataMsg = data.obj.rows
console.log(dataMsg)
var str= "";
for(var i=0;i<dataMsg.length;i++){
str += "<tr>"+
"<td>"+dataMsg[i].paramTypeValue+"</td>"+
"<td>"+dataMsg[i].paramTypeName+"</td>"+
"<td>"+dataMsg[i].paramTypeDesc+"</td>"+
"<td>"+dataMsg[i].updateDt+"</td>"+
"<td><a href=''>配置</a> | <a href=''>修改</a></td></tr>";
}
$("#paraConf .public_table_class table tr:first").after(str)
},
error : function() {
alert("查询出错");
}
});
上面这个ajax出现时两条数据，我输入模糊查询的值时，怎么让他只出现我查询的这一条数据啊？
...全文
请发表友善的回复…
发表回复
半途流浪 2017-04-17
- 打赏
- 举报
你在点击查询的事件上把自己的过滤条件给后端，然后端回传该过滤条件对应的数据就行。
Iheardd 2017-04-16
- 打赏
- 举报
我的这个网页是一打开就显示数据库的所有信息，我现在在里面的查询框里输入我的查询条件，我怎么写ajax 让他只出现我查询的这一条数据[/quote]传参，服务器获取执行过滤
$.ajax({
type : "POST",
data:{s:$('#xxxxx').val()}
url : baseUrl + "apsSysParamType/ajaxPage",[/quote]
我这么写了后点击查询，不输条件点查询后直接在原界面上直接再打印了一下数据库所有信息，是哪里出现了问题啊？
$().ready(function(){
var page = 1;
loadPage(page);
//给查询按钮绑定监听事件
$("#getTotal").bind("click",function(){
var page = 1;
loadPage(page);
});
});
//加载数据信息
function loadPage(pageNo){
//console.log(pageNo);
var postData = {};
postData['paramTypeValue'] = $("#paramTypeValue").val();
postData['paramTypeName'] = $("#paramTypeName").val();
//console.info(postData);
//先获取查询条件的值
$.ajax({
url : baseUrl + "apsSysParamType/ajaxPage.do?pageNo="+pageNo,
type : 'POST',
data :JSON.stringify(postData),
contentType : "application/json; charset=utf-8", //内容类型
dataType : "json", //类型
success : function(data){
//console.log(data);
var rows = data.obj.rows;
options = {
currentPage: data.obj.currentPage,//当前页
alignment:"center",//居中显示
totalPages: data.obj.totalPageCount,//总页数
itemTexts: function (type, page, current) {
switch (type) {
case "first":
return " 首页";
case "prev":
return "上一页";
case "next":
return "下一页";
case "last":
return "尾页";
case "page":
return page;
}
},
//点击事件，用于通过Ajax来刷新整个list列表
onPageClicked: function (event, originalEvent, type, page) {
loadPage(page);
}
};
var str = "";
for ( var i=0;i<rows.length;i++) {
str += "<tr>"+
"<td>"+rows[i].paramTypeValue+"</td>"+
"<td>"+rows[i].paramTypeName+"</td>"+
"<td>"+rows[i].paramTypeDesc+"</td>"+
"<td>"+rows[i].updateDt+"</td>"+
"<td><a href=''>配置</a> | <a href=''>修改</a></td></tr>";
}
$("#paraConf .public_table_class table tr:first").after(str)
}
});
}
//将undifiend转化为''
function undefinedToNull(str) {
if(str == null || str == 'undefined' || str == "null" || str == ""){
return '';
}
return str;
}
Go 旅城通票 2017-04-16
- 打赏
- 举报
我的这个网页是一打开就显示数据库的所有信息，我现在在里面的查询框里输入我的查询条件，我怎么写ajax 让他只出现我查询的这一条数据[/quote]传参，服务器获取执行过滤
$.ajax({
type : "POST",
data:{s:$('#xxxxx').val()}
url : baseUrl + "apsSysParamType/ajaxPage",
Iheardd 2017-04-16
- 打赏
- 举报
我的这个网页是一打开就显示数据库的所有信息，我现在在里面的查询框里输入我的查询条件，我怎么写ajax 让他只出现我查询的这一条数据
Go 旅城通票 2017-04-16
- 打赏
- 举报
服务器返回一条数据，不能改服务器就客户端只显示一条
for(var i=0;i<Math.min(dataMsg.length,1);i++){
str += "<tr>"+
"<td>"+dataMsg[i].paramTypeValue+"</td>"+
"<td>"+dataMsg[i].paramTypeName+"</td>"+
"<td>"+dataMsg[i].paramTypeDesc+"</td>"+
"<td>"+dataMsg[i].updateDt+"</td>"+
"<td><a href=''>配置</a> | <a href=''>修改</a></td></tr>";
}
