Ajax学习 网址备忘录

一.资源类网站

1,国内网站
1)Ajax中国(推荐)
一个专业的ajax技术网站,分类清晰,有大量的电子版教程,以及AJAX源码下载!
www.okajax.com

2)ajaxcn.org
李琨老师的blog。李琨:《ajax实战》译者.
www.ajaxcn.org

2,国外网站
1)、Ajax 的诞生
Ajax: A New Approach to Web Applications
www.adaptivepath.com/publications/essays/archives/000385.php

2)、AJAX Matters
www.ajaxmatters.com
关于 Ajax 技术一个信息量非常大的网站,有点像 Ajax 世界中的 TSS。

3)、AJAX Patterns
与 AJAX 设计模式相关的资源。
www.ajaxpatterns.org
www.softwareas.com/ajax-patterns

4)、http://www.ajaxian.com

--------------------------------------------------------------------------------

二.热门文章

1.什么是AJAX
www.okajax.com/info/net/20060510.html
2.ajax技术简介
www.okajax.com/info/basic/200604654.html
3.ajax.net
www.okajax.com/info/basic/200604556.html
www.okajax.com/info/tech/200605589.html
weblogs.asp.net/mschwarz/archive/2005/04/11/399893.aspx(英文)

--------------------------------------------------------------------------------

三.ajax相关下载(电子书教程/源码)
1.Ajax基础教程电子版
www.okajax.com/info/bookdown/200604950.htm
2.《AJAX实战》ajax in action电子版
www.okajax.com/info/bookdown/200604366.htm
3.AJAX开发简略
www.okajax.com/info/bookdown/20060538.htm
4.AJAX版CD管理系统 (jsp)
www.okajax.com/info/codedown/200604327.htm
5.Alexa 查询系统 (Xmlhttp + Ajax)
www.okajax.com/info/codedown/200604982.htm
6.ASP.NET+AJAX解决网页打开等待问题
www.okajax.com/info/codedown/200604166.htm
7.Ajax技术简介 (ajax demo)
www.okajax.com/info/codedown/200604576.htm

--------------------------------------------------------------------------------

四.ajax相关图书
1.《Ajax实战》(目前Ajax领域最为全面深入的一本著作)
www.china-pub.com/computers/common/info.asp?id=28433
2.《Ajax基础教程》(亚马逊计算机榜首图书,国内第1本Ajax图书)
www.china-pub.com/computers/common/info.asp?id=28432
3.《Ajax 修炼之道-Web 2.0 入门》(Ajax从小工到专家的首选图书)
www.china-pub.com/computers/common/info.asp?id=29430
4.《征服Ajax+Lucene构建搜索引擎》
www.china-pub.com/computers/common/info.asp?id=29996
5.《征服Ajax--Web 2.0快速入门与项目实践(.net)》
www.china-pub.com/computers/common/info.asp?id=29995
6.《Ajax开发精要--概念、案例与框架》
www.china-pub.com/computers/common/info.asp?id=30006

--------------------------------------------------------------------------------

五.部分技术文章
www.dragonson.com/doc/ajax.html
Ajax内部交流文档
info96.k12studio.com/~nio/comments.php?id=242_0_1_0_C
简单地对 Ajax 进行描述介绍
www.adaptivepath.com/publications/essays/archives/000385.php
Ajax: A New Approach to Web Applications
jibbering.com/2002/4/httprequest.html
Using the XML HTTP Request object
developer.apple.com/internet/webcontent/xmlhttpreq.html
Dynamic HTML and XML: The XMLHttpRequest Object
del.icio.us/popular/ajax
del.icio.us / popular / ajax
www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples
XMLHttpRequest & Ajax Working Examples
www.xml.com/lpt/a/2005/02/09/xml-http-request.html
Very Dynamic Web Interfaces
www.standards-schmandards.com/index.php?2005/03/01/16-ajax-and-accessibility
AJAX and Accessibility
www.xml.com/lpt/a/2005/05/11/ajax-error.html
Errors and AJAX
www.softwareas.com/ajax-patterns
AJAX Patterns: Design Patterns for AJAX Usability
www.backbase.com/download/Whitepaper%20Backbase%20AJAX%20and%20Beyond.pdf
Whitepaper Backbase AJAX and Beyond
www.ajaxpatterns.org/index.php?title=Main_Page
AJAX patterns
www.onlamp.com/pub/a/onlamp/2005/05/19/xmlhttprequest.html
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ajax经典实例+代码大全 绝对经典 -------- 目录说明 -------- database 目录存放数据库SQL文件 java 目录存放java源文件 webapp 目录存放实例页面及JSP源文件 -------------- 数据库安装说明 -------------- 了解MySQL的用户可以直接使用自己熟悉的方式创建名为ajax的数据库,并将ajax.sql文件导入即可。 下面是简要操作方法: 1. 实例数据库在MySQL 5.0.27 版本下测试通过 2. 将database目录中ajax.sql文件复制到C:\ 3. 进入MySQL安装目录中的bin目录 4. 输入 mysql -u root -p ,然后输入密码登录本地MySQL服务器 5. 输入 CREATE DATABASE ajax DEFAULT CHARACTER SET utf8; 创建名为ajax的数据库 6. 输入 use ajax 7. 输入 source c:\ajax.sql 执行数据库初始化语句 ------------------ Java源文件使用说明 ------------------ 实例中大部分文件为HTML及JSP文件,部分Java源文件存放在java目录中。 可将目录中的内容作为Eclipse的一个项目导入Eclipse中使用。 ----------- WEB发布方法 ----------- 所有实例在jdk 1.4.2 + Tomcat 5.0.28 环境下测试通过。 将webapp目录中的内容复制到Tomcat的webapps目录中作为一个web应用发布即可。 启动Tomcat前注意修改 ajax/WEB-INF/classes/ajax_db.properties 文件。 将其中的URL、USER和PASSWORD属性根据实际情况进行修改。 Tomcat正常启动后使用 http://localhost:8080/ajax 进行访问 +=========================================================================================== 最后注释: 可能还有一点,就是把你的ajax密码定位好 路径是:${ajax}\ajax\WEB-INF\classes\ajax_db.properties,用记事本打开。那个${ajax}就是你当前存放ajax这个文件夹的路 径 DRIVERS=com.mysql.jdbc.Driver URL=jdbc:mysql://localhost/ajax?useUnicode=true&characterEncoding=utf8 USER=root PASSWORD=ajax 里面的代码是这样写的,把最后一行的那个对应的密码改为你自己数据库的代码就OK
1. HTML代码 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>备忘录</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> </head> <body> <h2>备忘录</h2> <form> <label>标题:</label> <input type="text" id="title"><br><br> <label>内容:</label> <textarea id="content"></textarea><br><br> <input type="button" value="添加备忘录" onclick="addMemo()"> </form> <hr> <h3>备忘录列表</h3> <ul id="memoList"> </ul> <script src="memo.js"></script> </body> </html> ``` 2. JavaScript代码 ```javascript // 添加备忘录 function addMemo() { var title = $("#title").val(); var content = $("#content").val(); $.ajax({ type: "POST", url: "add_memo.php", // 处理新增备忘录的PHP文件 data: {title: title, content: content}, dataType: "json", success: function(data){ if(data.status == "success"){ alert("添加成功!"); $("#title").val(""); $("#content").val(""); getMemoList(); // 添加成功后,重新获取备忘录列表 }else{ alert("添加失败!"); } } }); } // 获取备忘录列表 function getMemoList() { $.ajax({ type: "GET", url: "memo_list.php", // 处理获取备忘录列表的PHP文件 dataType: "json", success: function(data){ if(data.status == "success"){ var memoListHtml = ""; for(var i=0; i<data.memoList.length; i++){ memoListHtml += "<li><h4>"+data.memoList[i].title+"</h4><p>"+data.memoList[i].content+"</p></li>"; } $("#memoList").html(memoListHtml); }else{ alert("获取备忘录列表失败!"); } } }); } $(function(){ getMemoList(); // 页面加载时获取备忘录列表 }); ``` 3. PHP代码(add_memo.php) ```php <?php header('Content-Type: application/json; charset=utf-8'); // 获取POST数据 $title = $_POST["title"]; $content = $_POST["content"]; // 连接数据库 $servername = "localhost"; $username = "root"; $password = "root"; $dbname = "memo"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } // SQL语句 $sql = "INSERT INTO memo (title, content) VALUES ('$title', '$content')"; if ($conn->query($sql) === TRUE) { $result = array("status"=>"success"); } else { $result = array("status"=>"fail"); } $conn->close(); echo json_encode($result); ?> ``` 4. PHP代码(memo_list.php) ```php <?php header('Content-Type: application/json; charset=utf-8'); // 连接数据库 $servername = "localhost"; $username = "root"; $password = "root"; $dbname = "memo"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } // SQL语句 $sql = "SELECT * FROM memo ORDER BY id DESC"; $result = $conn->query($sql); if ($result->num_rows > 0) { $memoList = array(); while($row = $result->fetch_assoc()) { $memo = array( "title"=>$row["title"], "content"=>$row["content"] ); array_push($memoList, $memo); } $result = array("status"=>"success", "memoList"=>$memoList); } else { $result = array("status"=>"fail"); } $conn->close(); echo json_encode($result); ?> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值