jquer搜索
<body>
<br/>
<center>
<tr><td>创建时间：</td><td><input type="text" name="ctime" id="calen"/></td></tr>
<tr><td>创建时间：</td><td><input type="text" name="etime" id="calen2"/></td></tr><br/>
<tr><td>筛选条件：</td>
<td>状态：<input type="text" name="status" id="status"/></td>
<td>支付方式：<input type="text" name="pay"/></td>
<td>订单号<input type="text" name="order_id"/></td>
<td><input type="submit" value="查询" /></td>
</tr><br/>
<table border="20" id="dd">
<tr>
<td>id</td>
<td>货号</td>
<td>创建时间</td>
<td>结束时间</td>
<td>支付状态</td>
<td>实付金额</td>
<td>付款方式</td>
<td>用户名</td>
</tr>
<?php
//header("content-type:text/html;charset=utf-8"); //1.初始化，创建一个新cURL资源
$ch = curl_init(); //2.设置URL和相应的选项
curl_setopt($ch, CURLOPT_URL, "http://www.getinfo.com"); //执行之后不打印出来
curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);
curl_setopt($ch, CURLOPT_HEADER, 0); //3.抓取URL并把它传递给浏览器
$content = curl_exec($ch); //4.关闭cURL资源，并且释放系统资源
curl_close($ch); $rr=json_decode($content,true);
$arr=$rr['data'];
//echo var_dump($arr); foreach ($arr as $key => $v) {
echo"<tr>";
echo "<td>".$v['id']."</td>";
echo "<td>".$v['order_id']."</td>";
echo "<td>".$v['ctime']."</td>";
echo "<td>".$v['etime']."</td>";
echo "<td>".$v['status']."</td>";
echo "<td>".$v['real_amount']."</td>";
echo "<td>".$v['pay']."</td>";
echo "<td>".$v['username']."</td>";
echo"</tr>";
}
?>
</table>
</center>
</body>
<script>
$(function()
{
$("#status").blur(function() {
var status=$("#status").val();
$.post("showapp1.php", { name: status},function(data){
$("#dd").html(spilt(data));
},'json');
})
function spilt(data) {
var str="<tr><td>id</td><td>货号</td><td>创建时间</td><td>结束时间</td>
<td>支付状态</td><td>实付金额</td><td>付款方式</td><td>用户名</td></tr>";
for (var i=0;i<data.coun;i++){
str+='<tr><td>'+data[i]['id']+'</td>';
str+='<td>'+data[i]['order_id']+'</td>';
str+='<td>'+data[i]['ctime']+'</td>';
str+='<td>'+data[i]['etime']+'</td>';
str+='<td>'+data[i]['status']+'</td>';
str+='<td>'+data[i]['real_amount']+'</td>';
str+='<td>'+data[i]['pay']+'</td>';
str+='<td>'+data[i]['username']+'</td><tr>';
}
return str; }
})
</script> showapp.php
<?php
header("Content-type:text/html;charset=utf-8");
$link = mysql_connect("localhost", "root",'123456');
mysql_select_db("hh", $link);
mysql_query("set names utf8");
$arr=$_POST['name'];
$sql="select * from yuekao where status='".$arr."'";
$connect=Db::getInstance()->connect();
$result=mysql_query($sql,$connect);
$res=array();
while($res=mysql_fetch_assoc($result)){
$re[]=$res;
};
$re['coun']=count($re);
echo json_encode($re);
jquery遍历数组与筛选数组的方法
grep
grep()方法用于数组元素过滤筛选
grep(array,callback,invert)
array：待过滤数组;
callback：处理数组中的每个元素，并过滤元素，该函数中包含两个参数，第一个是当前数组元素的值，一个是当前数组元素的下标，即元素索引值。此函数应返回一个布尔值。另外，此函数可设置为一个字符串，当设置为字符串时，将视为“lambda-form”（缩写形式？），其中
a 代表数组元素，i 代表元素索引值。如“a > 0”代表“function(a){ return a > 0; }”
invert：布尔型可选项，默认值false，值为true或false， 如果 “invert” 为 false 或为设置，则函数返回数组中由过滤函数返回 true 的元素，当”invert” 为 true，则返回过滤函数中返回 false 的元素集
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var array = [,,,,,,,,];
var filterarray = $.grep(array,function(value){
return value > ;//筛选出大于5的
});
for(var i=;i<filterarray.length;i++){
alert(filterarray[i]);
}
for (key in filterarray){
alert(filterarray[key]);
}
}
);
</script>
each
each的使用方法
在jQuery里有一个each方法，用起来非常的爽，不用再像原来那样写for循环，jQuery源码里自己也有很多用到each方法。
其实jQuery里的each方法是通过js里的call方法来实现的。
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var anObject = {one:,two:,three:};//对json数组each
$.each(anObject,function(name,value) {
alert(name);
alert(value);
});
var anArray = ['one','two','three'];
$.each(anArray,function(n,value){
alert(n);
alert(value);
}
);
}
);
</script>
inArray
jQuery.isArray(obj) 是 jQuery 1.3 新增。测试对象是否为数组。 返回值:Boolean
参数 : objObject用于测试是否为数组的对象
示例 :检测是否为数组
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var anArray = ['one','two','three'];
var index = $.inArray('two',anArray);
alert(index);//返回该值在数组中的键值，返回1
alert(anArray[index]);//value is two
}
);
</script>
map
map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。
由于返回值是 jQuery 封装的数组，使用 get() 来处理返回的对象以得到基础的数组。
.map() 方法对于获得或设置元素集的值特别有用。请思考下面这个带有一系列复选框的表单
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var strings = ['','','','','','S',''];
var values = $.map(strings,function(value){
var result = new Number(value);
return isNaN(result) ? null:result;//isNaN:is Not a Number的缩写
}
);
for (key in values) {
alert(values[key]);
}
}
);
</script>
遍历json对象：
var obj ={”name”:”冯娟”,”password”:”″,”department”:”技术部”,”sex”:” 女”,”old”:};
遍历方法：
for(var p in obj){
str = str+obj[p]+',';
return str;
}
即点即改：
<div class="headbar">
<div class="position"><span>商品</span><span>></span><span>商品分类管理</span><span>></span><span>分类列表</span></div>
<div class="operating">
<a href="javascript:;"><button class="operating_btn" type="button"
onclick="window.location='{url:/goods/category_edit}'"><span class="addition">添加分类</span></button></a>
</div>
</div> <form action="{url:/goods/category_sort}" method="post" name="category_list">
<div class="content">
<table id="list_table" class="list_table">
<colgroup>
<col width="100px" />
<col width="300px" />
<col width="100px" />
<col width="220px" />
</colgroup> <thead>
<tr>
<th>排序</th>
<th>分类名称</th>
<th>首页显示</th>
<th>操作</th>
</tr>
</thead> <tbody>
{foreach:items=$category item=$item}
<tr id="{$item['id']}" parent={$item['parent_id']}>
<td><input class="tiny" id="s{$item['id']}" size="2" type="text" onblur="toSort({$item['id']});"
value="{$item['sort']}" /></td> <td><img style='margin-left:{echo:$item['floor']*20}px' class="operator" src="{skin:images/admin/close.gif}"
onclick="displayData(this);" alt="关闭" >
<span class="cat_name">{$item['name']}</span></td> <td>{if:$item['visibility']=='1'}<span class="green">是</span>{else:}<span class="brown">否</span>{/if}</td> <td>
<a href="{url:/goods/category_edit/cid/$item[id]}">
<img class="operator" src="{skin:images/admin/icon_edit.gif}" alt="修改" title="修改" /></a>
<a href="javascript:void(0)" onclick="delModel({link:'{url:/goods/category_del/cid/$item[id]}'})">
<img class="operator" src="{skin:images/admin/icon_del.gif}" alt="删除" title="删除" /></a>
</td>
</tr>
{/foreach}
</tbody>
</table>
</div>
</form> <script language="javascript">
//折叠展示
function displayData(_self)
{
if(_self.alt == "关闭")
{
jqshow($(_self).parent().parent().attr('id'), 'hide');
$(_self).attr("src", "{skin:images/admin/open.gif}");
_self.alt = '打开';
}
else
{
jqshow($(_self).parent().parent().attr('id'), 'show');
$(_self).attr("src", "{skin:images/admin/close.gif}");
_self.alt = '关闭';
}
} function jqshow(id,isshow) {
var obj = $("#list_table tr[parent='"+id+"']");
if (obj.length>0)
{
obj.each(function(i) {
jqshow($(this).attr('id'), isshow);
});
if (isshow=='hide')
{
obj.hide();
}
else
{
obj.show();
}
}
}
//排序
function toSort(id)
{
if(id!='')
{
var va = $('#s'+id).val();
var part = /^\d+$/i;
if(va!='' && va!=undefined && part.test(va))
{
$.get("{url:/goods/category_sort}",{'id':id,'sort':va}, function(data)
{
if(data=='1')
{
alert('修改商品分类排序成功!');
}else
{
alert('修改商品分类排序错误!');
}
});
}
}
} </script> <script> $(document).on('click','.cat_name',function(){
old_val=$(this).html();
var str="<input class='ji' type='text' value="+old_val+">";
$(this).html(str);
$(this).removeClass();
$(document).on('blur','.ji',function(){
var obj=$(this);
//alert(obj);
var new_val=$(this).val();
var id=$(this).parent().parent().parent().attr('id');
//获取要修改内容的id
$.ajax({
type:'post',
url:'{url:/goods/ji}',
data:{
id:id,
name:new_val
},
success:function(msg){
tt="<span class='cat_name'>"+msg+"</span>";
obj.parent().html(tt);
}
});
if(new_val=="")
{
alert('修改内容不能为空');exit();
}
})
}) </script>
function ji(){
$query=new IModel('category');
$id=$_POST['id'];
$name=$_POST['name'];
//$price=$_POST['val'];
$query->setData(array(
'name'=>$name
));
$re=$query->update('id='.$id);
if($re){
echo $name;
}
}
jquer搜索的更多相关文章
- SQLSERVER走起微信公众帐号已经开通搜狗微信搜索
SQLSERVER走起微信公众帐号已经开通搜狗微信搜索 请打开下面链接 http://weixin.sogou.com/gzh?openid=oIWsFt-hiIb_oYqQHaBMoNwRB2wM ...
- solr_架构案例【京东站内搜索】(附程序源代码)
注意事项:首先要保证部署solr服务的Tomcat容器和检索solr服务中数据的Tomcat容器,它们的端口号不能发生冲突,否则web程序是不可能运行起来的. 一:solr服务的端口号.我这里的sol ...
- SQLServer地址搜索性能优化例子
这是一个很久以前的例子,现在在整理资料时无意发现,就拿出来再改写分享. 1.需求 1.1 基本需求: 根据输入的地址关键字,搜索出完整的地址路径,耗时要控制在几十毫秒内. 1.2 数据库地址表结构和数 ...
- HTML5轻松实现搜索框提示文字点击消失---及placeholder颜色的设置
在做搜索框的时候无意间发现html5的input里有个placeholder属性能轻松实现提示文字点击消失功能,之前还傻傻的在用js来实现类似功能... 示例 <form action=&quo ...
- bzoj1079--记忆化搜索
题目大意:有n个木块排成一行,从左到右依次编号为1~n.你有k种颜色的油漆,其中第i种颜色的油漆足够涂ci个木块.所有油漆刚好足够涂满所有木块,即c1+c2+...+ck=n.相邻两个木块涂相同色显得 ...
- bzoj3208--记忆化搜索
题目大意: 花花山峰峦起伏,峰顶常年被雪,Memphis打算帮花花山风景区的人员开发一个滑雪项目. 我们可以把风景区看作一个n*n的地图,每个点有它的初始高度,滑雪只能从高处往低处滑[严格大于] ...
- Android中通过ActionBar为标题栏添加搜索以及分享视窗
在Android3.0之后,Google对UI导航设计上进行了一系列的改革,其中有一个非常好用的新功能就是引入的ActionBar,他用于取代3.0之前的标题栏,并提供更为丰富的导航效果.Action ...
- 一步步开发自己的博客 .NET版（5、Lucenne.Net 和 必应站内搜索）
前言 这次开发的博客主要功能或特点: 第一:可以兼容各终端,特别是手机端. 第二:到时会用到大量html5,炫啊. 第三:导入博客园的精华文章,并做分类.(不要封我) 第四:做 ...
- Go语言实战 - 我需要站内搜索
山坡网的用户抱怨"为什么搜索'二鬼子李富贵'找不到'二鬼子汉奸李富贵'?我用百度搜都能找到." 当时我就滴汗了,用户说的有道理,应该要能搜索到. 之前的方案很简单,用户输入的字串会 ...
随机推荐
- 简谈 Java 中的泛型通配符
很好的一篇文章https://zhuanlan.zhihu.com/p/26681625
- MySQL之innochecksum初探
innochecksum是一个用于校验innodb表空间文件完整性的工具,这是一个官方自带的工具,关于它的介绍,可以查看MySQL官方文档,下文主要是通过innodb_ruby来对innochecks ...
- oracle_set_autocommit
preface 1.centos operating system. 2.database is oracle 11g. 3.oracle account is scott. step 1.e ...
- ZT 父子进程共享文件描述符
转贴自倒霉熊的博客 [linux学习笔记-2]父子进程共享文件描述符 (2009-03-02 23:03:17) 转载▼ 标签: 学习 linux 子进程 文件描述符 杂谈 分类: 学习 #inclu ...
- 一个SAP开发人员的2017总结
今年的生活如此丰富多彩,不写一点什么怎么对得起这过去的一年? 就当记流水账,若干年之后回来看一定很有意思. 1月 有幸成为SAP Community上2位来自China的SAP mentor之一: 3 ...
- 传统数据仓库项目的优化手段 （针对 Oracle+DataStage ）
普通手段 分区,HASH-JOIN,数据仓库函数,物化视图,位图索引等等为大伙在数据仓库常用的技术, 而下面列举的tips为项目中常用的优化手段/技巧,绿色背景highlight的部分属于非常规手段, ...
- 《编程导论（Java）·9.3.1回调·3》回调的实现
版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/yqj2065/article/details/31441221 接<9.3.1Java回调 · ...
- Fy's dota2 题解
题目描述 Fy 觉得自己玩 cf,lol 这种高端游戏已经够厉害了,于 是他决定去玩 dota2.结果 fy 的鼠标右键坏了,所以他就等 到 2250 买了把闪烁匕首,用跳刀前进,准备去送泉水.但 是 ...
- Yii2 指定log存放的文件
在main.php 文件里添加 'log' => [ 'traceLevel' => YII_DEBUG ? 3 : 0, 'targets' => [ [ 'class' => ...
- Vue状态管理-Bus
1.父子组件之间进行通讯: 父组件通过属性和子组件通讯,子组件通过事件和父组件通讯.vue2.x只允许单向数据传递. 先定义一个子组件AInput.vue: <template> < ...