html网络获取json数据做增删查+模糊查询

本文介绍如何使用HTML从网络获取JSON数据,实现数据的创建、读取、更新和删除(CRUD)操作,并结合模糊查询功能,提升用户体验。
摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/angular.min.js"></script>
		<script>
			angular.module("anan",[]).controller("enen",function($scope,$http){
				$http.get("http://result.eolinker.com/TucCTQueffdc1d1aaa3be05d8c62e9bb5d3e8b495f97cca?uri=hybrid")
				.then(function(json){
					$scope.ss=json.data;
				})
				//计算年龄毫秒运算
				$scope.ages=function(rq){
					var csr=new Date(rq).getYear();
					var sj=new Date().getYear();
					return sj-csr;
				}
				//删除商品
				$scope.del=function(o){
					if(confirm("确定删除此商品吗?")){
						for(var i in $scope.ss){
							if($scope.ss[i].id==o){
								$scope.ss.splice(i,1);
							}
						}
					}
				}
				//全选返选
				$scope.ckAll=function(){
					$scope.se=[];
						for(var i in $scope.ss){
							if($scope.ss[i].ck==true){
								$scope.se.push(i);
							}
						}
					if($scope.se.length==0||$scope.se.length==$scope.ss.length){
						for(var i in $scope.ss){
							$scope.ss[i].ck=$scope.quan;
						}
					}else{
						for(var i in $scope.ss){
							if($scope.ss[i].ck==true){
								$scope.ss[i].ck=false;
							}else{
								$scope.ss[i].ck=true;
							}
						}
					}
				}
				//删除所选条
				$scope.delbatch=function(){
					for(var i=0;i<$scope.ss.length;i++){
						if($scope.ss[i].ck==true){
							$scope.ss.splice(i,1);
							i--;
						}
					}
				}
				//部门模糊查找
				$scope.bm=function(nn){
					if($scope.cbm==""||$scope.cbm==undefined){
						retur
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值