<script>function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="images/css.css" type="text/css" rel="stylesheet">
</head>
<script language="javascript" type="text/javascript">
// 增加品牌函数
function addSort() {
var name = document.getElementById("add").value;
if(name == "" ) {
return;
}
var row = document.createElement("tr");
row.setAttribute("id", name);
var cell = document.createElement("td");
cell.appendChild(document.createTextNode(name));
row.appendChild(cell);
var deleteButton = document.createElement("input");
deleteButton.setAttribute("type", "button");
deleteButton.setAttribute("value", "删除");
deleteButton.onclick = function () { deleteSort(name); };
cell = document.createElement("td");
cell.appendChild(deleteButton);
row.appendChild(cell);
document.getElementById("sortList").appendChild(row);
//清空输入框
document.getElementById("add").value = "";
}
// 删除品牌函数
function deleteSort(id) {
if (id!=null){
var rowToDelete = document.getElementById(id);
var sortList = document.getElementById("sortList");
sortList.removeChild(rowToDelete);
}
}
</script>
<table style="BORDER-COLLAPSE: collapse" bordercolor="#111111" cellspacing="0" cellpadding="2" width="400" bgcolor="#f5efe7" border="0">
<tr>
<td align="middle" height="4" colspan="3">
<img height="4" src="images/promo_list_top.gif" width="100%" border="0" alt="">
</td>
</tr>
<tr>
<td align="middle" bgcolor="#dbc2b0" height="19" colspan="3">
<b>品牌信息管理</b>
</td>
</tr>
<tr>
<td height="20">
增加新品牌:
</td>
<td height="20">
<input id="add" type="text" size="15">
</td>
<td height="20">
<img src="images/ok.gif" onclick="addSort();" alt="">
</td>
</tr>
<tr>
<td height="20">
品牌信息管理:
</td>
</tr>
<table border="1" width="400">
<tr>
<td height="20" valign="top" align="center">
品牌名称:
</td>
<td id="pos_1" height="20">
操作
</td>
</tr>
<tbody id="sortList"></tbody>
</table>
</table>
分享到：
相关推荐
**Ajax登录小程序与MySQL数据库的整合** Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。在这个简单的Ajax登录小程序中，我们利用Ajax技术实现了一个用户...
在JavaScript中，与Access数据库进行交互通常涉及到使用ActiveX对象，因为JavaScript本身并不直接支持数据库操作。Access数据库是一种关系型数据库管理系统，适用于小型项目或本地数据存储。在Web应用程序中，如果你...
3. **数据绑定**：根据描述，这个例子是基于数据库的，所以你需要从数据库中获取数据并填充这些 DropdownList。使用 `SqlDataSource` 或 `ObjectDataSource` 连接数据库，为每个 DropdownList 提供数据源。数据应...
而AJAX（异步JavaScript和XML）是一种在不重新加载整个网页的情况下，更新部分网页的技术。这种技术使得用户界面更加响应，提升了用户体验。在这个项目中，我们将结合HTML和AJAX，通过C#后端代码来从数据库获取数据...
在这个许愿墙的例子中，我们将探讨如何利用Ajax、ASP.NET以及数据库技术来构建一个动态、实时更新的愿望展示平台。 首先，我们要理解ASP.NET框架，它是Microsoft提供的用于构建Web应用程序的强大工具，支持C#编程...
首先，你需要在Action类中添加JSON支持，并返回一个Map或自定义对象。然后，前端通过$.ajax()或$.get()发送请求，获取并解析返回的JSON数据。 **四、级联选择和自动补全** 级联选择是指在一个下拉框的选择会影响到...
在Web开发领域，AJAX（Asynchronous JavaScript and XML）是一种技术，用于在不刷新整个页面的情况下，通过JavaScript异步地从服务器获取数据并更新部分网页内容。AJAX结合了多种技术，如JavaScript、XMLHttpRequest...
- AJAX的核心优势在于其非阻塞特性，能提高用户体验，因为页面不需要完全刷新即可获取新数据。 2. **ASP处理后端逻辑** - ASP接收由jQuery AJAX发送的请求，并处理数据操作。例如，当用户点击“添加”按钮时，ASP...
在JSP端，我们可能有一个处理购物车操作的Servlet或Controller，它接收Ajax请求，根据请求类型（如添加、删除商品），执行相应的数据库操作（如更新购物车商品数量）。完成后，服务器会返回一个包含操作结果的响应，...
总的来说，"Ajax省市联查例子"是一个展示如何利用Ajax技术实现动态联动效果的实例，涉及到前端的JavaScript编程、HTTP请求、DOM操作，以及后端的接口设计和数据库操作。对于初学者来说，这是一个很好的实践项目，...
在实际开发中，你可能需要创建一个Struts2 Action，该Action接收来自Ajax请求的数据，利用Spring的依赖注入获取Ibatis的SqlSession，然后执行SQL语句来添加数据。添加完成后，Action可以通过Struts2的JSON插件或...
在这个小例子中，我们将探讨如何使用JavaScript在静态HTML页面上连接并操作Access数据库。 首先，为了在HTML中使用JavaScript与Access数据库交互，我们需要一个服务器端的技术来作为桥梁，因为JavaScript本身无法...
AJAX允许我们在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容，提高了用户体验。在Play框架中，我们可以借助JavaScript库（如jQuery或Vue.js）以及HTTP请求API来实现AJAX功能。 1. **设置Ajax请求**：...
添加和删除记录是Asp.net处理数据常用的功能。用Asp.net服务器控件，都要刷新页面。这样消耗了我们等待时间。而结合Jquery+Ajax却节省了我们...本实例是是很不错的实现Asp.net对数据库添加/删除数据，很不错的例子。
在服务器端，'serverPage.asp'需要解析这些参数，根据不同的操作（如添加或删除）执行相应的数据库操作。对于ASP，可以使用ADO（ActiveX Data Objects）来访问数据库。以下是一个简单的例子： ```vbscript Dim conn...
同时，我们需要引入JavaScript库，如jQuery或原生JavaScript，用于处理Ajax请求和DOM操作。 2. **Ajax请求**：当用户触发某个事件（如点击节点），使用JavaScript发起Ajax请求，向服务器发送获取子节点数据的请求。...
创建一个简单的Ajax例子，我们首先需要一个Controller。在`ajaxMvcApplication`这个项目中，可能会有一个名为`AjaxController`的控制器，包含一个`ActionResult`类型的Action，比如`GetData`： ```csharp public ...
在ASP+Ajax的环境中，ASP用于处理服务器端的逻辑，如数据的添加、删除等数据库操作，而Ajax则负责在前端实现无刷新的交互。当用户在网页上点击添加或删除按钮时，Ajax会触发一个JavaScript函数，该函数使用...
### jQuery+ajax实现动态添加表格tr td功能 ...本文展示的示例是一个动态添加表格tr td功能的基础实现，通过实践这个例子，读者可以加深对jQuery和ajax技术的理解，并学会将这些技术应用到实际的Web开发中。
本教程通过一个简单数据库操作的例子，旨在帮助初学者掌握ASP.NET的核心概念。 首先，ASP.NET的核心组件包括ASP.NET Web Forms、ASP.NET MVC和ASP.NET Core。在本例中，我们主要关注Web Forms，这是一个基于事件...