模糊查询（前端）

HTML:

mmsi:<input id = "mmsi_id" type = "text" size = "15px" list = "classcode">
<datalist id="classcode"></datalist>

JS:

<script>
$(function(){
    $("#mmsi_id").on('keyup',function(e){
   
        var fuzzyValue=$(this).val();
        
        if(fuzzyValue==""){
            $('#classcode').html("");
        }
        
        else{            
            $.ajax({
                type:'post',
                url:"shipInfoAction_findShipById",
                data:{
                    params:fuzzyValue
                },
                dataType:'json',
                success:function(data){
                    if(data==null){
                        //alert('无数据');
                        $('#classcode').html("");
                    }else{
                        var jsonData=eval('('+data+')');
                        var content='';
                        for(var i=0;i<jsonData.length;i++){
                            content += '<option value = '+jsonData[i][0]+'>'+jsonData[i][0]+'</option>';
                        }
                        $('#classcode').html(content);
                    }
                },
                    error:function(){
                        alert('系统加载异常');
                    }                
            });            
        }        
    });
    
})


</script> 

 

转载于:https://www.cnblogs.com/wkcode/p/7988948.html