`
rigger21
  • 浏览: 126777 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

AJAX添加例子操作(不需要数据库)

阅读更多
<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>
分享到:
评论
1 楼 huangtian549 2009-07-09  
这个与AJAX无关吧,就是一个js操作html元素而已

相关推荐

    Asp.net无刷新添加删除数据库(Jquery+ajax)无屏刷新功能

    添加和删除记录是Asp.net处理数据常用的功能。用Asp.net服务器控件,都要刷新页面。这样消耗了我们等待时间。而结合Jquery+Ajax却节省了我们...本实例是是很不错的实现Asp.net对数据库添加/删除数据,很不错的例子。

    asp+jquery ajax实例源码,添加,删除,修改,分页

    基于jquery的ajax功能,对ASP网站的数据库进行无刷新操作,包括对数据库内容进行添加,删除,修改,分页

    一个基于ext的ajax小例子

    前台是jsp加上ext的框架。 后台是hibernate-annotations和spring以及dwr的组合。... &lt;br&gt;实例的源代码中没有包括jar包,如果需要运行,请根据jar.jpg所显示的jar包添加。 数据库部分请根据create.sql来生成

    Ajax实现拖动购物车源码实例

    这是一个用AJAX实现的拖动购物车的例子,同时实现了仿CSDN的加载用户信息来加载产品的信息,里面有一个GETINFO()是确定DIV的坐标,用它在列表边确定DIV的坐标再用气泡提示加载产品的信息.数据库就一张表,在代码里可以...

    【卷一/共两卷】AJAX实战pdf高清版90M

    1.1 为什么需要Ajax富客户端? 1.1.1 比较用户体验 1.1.2 网络延迟 1.1.3 异步交互 1.1.4 独占或瞬态的使用模式 1.1.5 忘掉Web 1.2 Aiax的四个基本原则 1.2.1 浏览器中的是应用而不是内容 1.2.2 服务器交付的是数据而...

    dwz官方例子

    dwz官方例子 开发环境: 1) 数据库:mysql 请修改 src/hibernate_mysql.cfg.xml这个文件的数据库连接 创建数据库dwz4j 导入测试数据:db/dwz4j.sql mysql -u root -p dwz4j 2) JDK 1.6 3) 项目文件UTF-8编码,如果...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    数据库备份 留言板数据所需要的数据库 第17章(/ch17) 程序描述:本章介绍开发AJAX的开源框架GWT(Google Web Toolkit) 。最典型的Google Maps和Gmail等Google服务也正是基于此框架开发的。读者将能够快速...

    asp.net+jquery+ajax简单留言板例子 v1.1

    该源码是asp.net+jquery+ajax简单留言板例子 v1.1,该源码是本例采用asp.net C#+ jquery1.4.1 +ajax的实现 本例主要用aspx文件请求 还可以用ashx处理 ajax返回类型也很多如: dataType: "xml", dataType: "json", ...

    GridView编辑单元格

    这个例子是用户访问SQL2005服务器数据库。这个数据是通过SqlDataSource控件访问。另外,还有分页和排序。鼠标点击编辑GridView单元格。 4、通过ObjectDataSource控件访问数据 这个例子是用户访问SQL2005服务器...

    Ajax开始准备入门篇

    可以让你在你的网页中使用ajax技术实现,读取,添加,修改,删除数据的操作.也许你是只老鸟对我写的这些不屑一顾,但我还是希望你能看 下该教程中演示的一些例子,没准会有地方吸引你! 下面我们要做的有2点.第1...

    asp.net jquery实现ajax留言板的例子

    Ajax留言板,+jQuery1.4实现,数据库采用的sql2008 你也可以选择2000、2005 等mysql...主要是jquery ajax静态页面查询添加,数据无刷新效果,觉得对初学者很有帮助,如有不懂地方可以加我QQ:709047174 运行环境:

    asp.net+ajax+sqlserver自动补全功能实现解析

    由于我的需要是结合sqlserver数据库表实现自动补全功能。就下来就是将数据库表转为js数组,自然而然就想到了ajax。 ² Asp.NetAjax的两种基本开发模式这篇文章中的第二部分就是说:js调用webservice的示例。 代码...

    DataTable-AltEditor:Kingcode.com的free-datatables-editor-alternative的更新版本

    通过使用模式来添加添加,编辑和删除数据表中的行的功能。 到目前为止,不支持嵌入式编辑。 基本用法 在项目中包括库: jQuery的 &gt; 4.0或 &gt; 6.0 , , 照常定义一个DataTable。 至少将以下参数传递给DataTable...

    相册 多图片上传

    主要用了Uploadify插件,...这些你在网上可以找到很多例子的,我在项目里就不添加上去了。 ----------------------------------------------------------------- 项目仅供参考。如有疑问可直接回复或企鹅: 514158268

    asp.net知识库

    一完美的关于请求的目录不存在而需要url重写的解决方案! 在C#中实现MSN消息框的功能 XmlHttp实现无刷新三联动ListBox 鼠标放在一个连接上,会显示图片(类似tooltip) 使用microsoft.web.ui.webcontrols的TabStrip与...

    。net图书管理系统设计方案

    数据库设计有几个范式,一般我们要做到的是第三范式,即数据表中没有冗余字段以及同一个表中的字段没有函数依赖关系,冗余字段即在一个表中已经保存过的信息,在另一个表中就不应该存在,如果需要的话,可以通过表间...

    SSH2整合例子(jquery,json)1.0版

    免积分下载SSH2实例源码,并整合ajax、json、jquery等技术,使用mysql数据库,内含sql文件,免积分啊免积分。平台:myeclipse8.6(以上)、mysql 5.5.19;附带jquery 1.2.6(以上)、json。实现功能:登录验证,各种...

    PHP和MySQL WEB开发(第4版)

    8.2.5 考虑需要询问数据库的问题 8.2.6 避免多个空属性的设计 8.2.7 表格类型的总结 8.3 Web数据库架构 8.4 进一步学习 8.5 下一章 第9章 创建Web数据库 9.1 使用MySQL监视程序 9.2 登录到MySQL 9.3 创建数据库和...

Global site tag (gtag.js) - Google Analytics