<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>Json Test</title>
<style type="text/css">
div
{
padding: 10px;
border: solid 1px #222;
margin: 5px;
font-size: 12px;
}
</style>
<script type="text/javascript">
// 存储用户对象的数据格式
// [
// {'uid':'123','pwd':'123456'},
// {'uid':'124','pwd':'123456'},
// {'uid':'125','pwd':'123456'}
// ]
function $(obj) {
return typeof (obj) == "string" ? document.getElementById(obj) : obj;
}
var json = [];//申明数字
//添加新用户
function add() {
var uid = $('uid').value;
var pwd = $('pwd').value;
for (var i = 0; i < json.length; i++) {
if (json[i].uid == uid) {
return;
}
}
json.push({ "uid": uid, "pwd": pwd });
show(json);
}
//删除用户
function del() {
var uid = $('uid').value;
for (var i = 0; i < json.length; i++) {
if (json[i].uid == uid) {
json.splice(i, 1);
break;
}
}
show(json);
}
//更新用户密码
function frs() {
var uid = $('uid').value;
var pwd = $('pwd').value;
for (var i = 0; i < json.length; i++) {
if (json[i].uid == uid) {
json[i].pwd = pwd;
break;
}
}
show(json);
}
//显示用户列表
function show(json) {
var html = "";
for (var i = 0; i < json.length; i++) {
html += "UID:" + json[i].uid + ";PWD:" + json[i].pwd + "/r/n";
}
$('t').innerText = html;
}
</script>
</head>
<body>
<input type="hidden" value="" id="selectedUsers" />
<div>
UID:<input type="text" id="uid" /> PWD:
<input type="text" id="pwd" />
<a href="javascript:void(0);" title="" onclick="add();">添加用户</a> <a
href="javascript:void(0);"
title="" onclick="del();">删除用户</a> <a href="javascript:void(0);"
title="" onclick="frs();">更新用户</a>
</div>
<div>
现有用户:
<p id="t">
</p>
</div>
</body>
</html>
分享到：
相关推荐
尽管名称中包含XML，但现在更多的数据格式如JSON被广泛使用。下面是一个基本的步骤： 1. **创建ASP.NET Web方法**：在ASP.NET的代码-behind文件（如.aspx.cs）中，我们可以定义一个公开的静态方法，标记为`...
1. **基础语法**：JavaScript的基础语法与大部分编程语言类似，包括变量声明（var、let、const）、数据类型（如字符串、数字、布尔、null、undefined、对象、数组）、操作符（算术、比较、逻辑、赋值等）、流程控制...
9. **PHP与JavaScript的交互**：使用AJAX或者JSON进行前后端数据交互。 通过阅读和理解这两份参考手册，Web开发者可以更好地掌握JavaScript和PHP5的基础知识，理解其工作原理，提高代码质量和开发效率。同时，了解...
现在，AJAX通常与JSON（JavaScript Object Notation）一起使用，因为JSON是轻量级的数据交换格式，与JavaScript对象结构相似，易于解析。 在实际开发中，我们还经常使用JavaScript库和框架，如jQuery、React、Vue或...
jsRules使用简单易懂的JSON实现，可以通过网页，移动应用程序甚至手动操作轻松地对其进行编辑...将这些规则掌握在了解它们的人的手中，而无需聘请开发人员进行简单的更改。我该如何实施？ 将JAR导入任何Java应用...
这涉及到事件监听、数据存储（可能是JSON格式）以及热键绑定的实现。 7. **网页特效**：标签中提到的“网页特效”可能涉及到JavaScript库或框架，如jQuery或Three.js，用于实现游戏中的特殊效果，如粒子系统、光照...
这个操作在处理某些数据结构时非常有用，例如，当你需要从多层级的数据结构中提取信息时。本文将介绍几种实现JavaScript数组扁平化的方法，并提供示例代码。 首先，ES6为数组提供了一个内置的flat()方法。这个方法...
JSON(JavaScript Object Notation)javscript对象标记，是一种轻量级的数据交换格式。具体的详细基础知识可以参考JSON官网http:/www.json.org/。不说太多废话，直接说说我对JSON的理解吧。
3. **MongoDB**：MongoDB是一个NoSQL数据库，它使用JSON样式的文档存储数据，适合处理大量结构化和半结构化的数据。在本项目中，用于存储博客文章和其他相关的元数据。 4. **Mongoose**：Mongoose是MongoDB的ODM...
- JSON（JavaScript Object Notation）：常用于交换数据的轻量级格式。 5. **JavaScript高级特性** - 函数表达式与立即执行函数：理解闭包、作用域链和模块化开发。 - ES6及以后的新特性：箭头函数、模板字符串...
这种技术的核心在于构建一座桥梁，使得Web端（通常是嵌入在Android应用中的WebView）能够调用Android原生的功能，如访问硬件设备、存储数据或者调用复杂的系统服务，同时也允许Android应用对网页内容进行操作。...
这是前端角色面试任务的一部分问题陈述是： 编写 编写客户端渲染 Javascript/jQuery + HTML 代码，使用 profile.json 中的数据动态构建 profile.html。 您可以使用您选择的任何 javascript 模板库（handlebars.js、...
6. **加载资源**：提供预加载资源的功能，如图像、音频、JSON数据等，确保游戏资源按需加载。 7. **状态管理**：游戏可以有多个状态，如启动画面、主菜单、游戏进行、游戏结束等，状态之间的切换方便管理。 8. **...
【描述】"CS-Jvavscript-Launcher-Scode C＃Javscript启动器代码" 提示我们这个项目的核心是关于C#和JavaScript的启动器代码。这通常意味着开发人员可能编写了一个程序，该程序能够启动一个或多个基于C#和JavaScript...