怎么让我的查询按钮生效,只出现我查询的这条数据,怎么写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出现时两条数据,我输入模糊查询的值时,怎么让他只出现我查询的这一条数据啊?

解决方案 »

  1.   

    服务器返回一条数据,不能改服务器就客户端只显示一条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>";
    }
      

  2.   


    我的这个网页是一打开就显示数据库的所有信息,我现在在里面的查询框里输入我的查询条件,我怎么写ajax 让他只出现我查询的这一条数据
      

  3.   


    我的这个网页是一打开就显示数据库的所有信息,我现在在里面的查询框里输入我的查询条件,我怎么写ajax 让他只出现我查询的这一条数据传参,服务器获取执行过滤$.ajax({
    type : "POST",
    data:{s:$('#xxxxx').val()}
    url : baseUrl + "apsSysParamType/ajaxPage",
      

  4.   


    我的这个网页是一打开就显示数据库的所有信息,我现在在里面的查询框里输入我的查询条件,我怎么写ajax 让他只出现我查询的这一条数据传参,服务器获取执行过滤$.ajax({
    type : "POST",
    data:{s:$('#xxxxx').val()}
    url : baseUrl + "apsSysParamType/ajaxPage",
    我这么写了后点击查询,不输条件点查询后直接在原界面上直接再打印了一下数据库所有信息,是哪里出现了问题啊?
    $().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;
    }