thinkphp5 模糊查询

<input type=“text” name=“rolename” id=“rolename"class=“abc input-default” oninput=“dels() " placeholder=“联系电话/姓名” value=””>
添加oninput 事件
function dels() {
var delscoe = document.getElementById(‘rolename’).value;
// alert(delscoe);

            //alert(dels);
            $.ajax({
                type: "post",
                url: "{:url('Seacher/hzxxsear')}",
                data: {delscoe: delscoe},//这里data传递过去的是序列化以后的字符串
                success: function (data) {
                    console.log(data);
                    // RemoveRow(); //删除以前的数据.
                    var a = (data.data);
                    var s = '';
                    $("#td").html("");
                    for (var i in a) {
                        
                        s =
                            '<tr  onclick="mmm(this)" id=' + a[i].id + '>' +
                            '<td>' + a[i].id + '</td>' +
                            '<td>' + a[i].time1 + '</td>' +
                            '<td>' + a[i].name + '</td>'
                            + '<td>' + a[i].set + '</td>' +
                            '<td>' + a[i].nian +'-' +a[i].yue+'-'+a[i].ri+ '</td>' +
                            '<td>' + a[i].tel + '</td>' +
                            '<td>' + a[i].docu + '</td>' +
                            '<td>' + a[i].cfbh + '</td>' +
                            '<td>' + a[i].docu + '</td>' +
                            '<td onclick="my(this)"><div class="move-box">' +
                            '<p><img src="__img__/static/assets/img/see.png"><a href="{:url(\'hzxxadder\')}?$id=\' + a[i].id + \'"> <input type="button" value="查看"> </a></p>' +
                            '<p><img src="__img__/static/assets/img/dele.png"><input type="button" value="删除"></p>' +
                        '</div></td></tr>';
                        $('#td').append(s);
                    }
                }
            })

    }

用ajax 提交到后台,后台进行处理
在这里插入图片描述处理完成进行return
![在这里插入图片描述](https://img-blog.csdnimg.cn/20181210171906439.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmdqaWFuZzE=,size_16,color_FFFFFF,t_70在这里插入图片描述效果图

猜你喜欢

转载自blog.csdn.net/gongjiang1/article/details/84943244