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语言实战 - 我需要站内搜索
山坡网的用户抱怨"为什么搜索'二鬼子李富贵'找不到'二鬼子汉奸李富贵'?我用百度搜都能找到." 当时我就滴汗了,用户说的有道理,应该要能搜索到. 之前的方案很简单,用户输入的字串会 ...
随机推荐
- python ftp download with progressbar
i am a new one to learn Python. Try to download by FTP. search basic code from baidu. no one tells h ...
- meat标签使用
meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <head> <meta http-equiv="conten ...
- February 27 2017 Week 9 Monday
All the bright precious things fade so fast. 所有的光鲜靓丽都敌不过时间. Try to make some things endurable and et ...
- Sql Server中一次更新多列数据
UPATE yourTableName SET column1 = xx, column2 = yy , column3 = zz WHERE yourCondition 举个例子,比如有这样一张表: ...
- python入门1 python手动编译py_compile,compileall
python运行之后会自动生产pyc文件,也可以手动编译生成pyc文件.代码如下: #coding:utf-8 """ 2018-11-03 dinghanhua 手动编 ...
- Android NDK r8 Cygwin CDT 在window下开发环境搭建 安装配置与使用 具体图文解说
版权声明:本博客全部文章均为原创.欢迎交流.欢迎转载:转载请勿篡改内容,而且注明出处,谢谢! https://blog.csdn.net/waldmer/article/details/3272500 ...
- Java中Synchronized的用法(简单介绍)
简单介绍 synchronized是Java中的关键字,是一种同步锁.它修饰的对象有以下几种: 1. 修饰一个代码块,被修饰的代码块称为同步语句块,其作用的范围是大括号{}括起来的代码,作用的对象是调 ...
- Validform 基于表单验证
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
- bootstrapPaginator设置同步会翻2页的小坑
因为需要用到post的返回值在做后面的决定.不想嵌套在回调函数中.网上找了一下.设置为同步 $.ajaxSetup( { async: false }); 结果bootstrap的翻页组件就出了bug ...
- PTA Java tips(转载)
在PTA提交Java程序需要注意如下几个要点 1. Main类与Scanner 1.1 Main类 你提交的所有程序都应该以如下形式出现 public class Main{ public stati ...