简单意义上来说，Ajax可以用来在服务器端和WEB客户端之间交换数据，它是利用JavaScript来装载WEB页面的。更深一层来讲，它可以利用异步JavaScript脚本来避免页面请求刷新，让Request/Response过程更加明了。实现Ajax的方法有很多，最原始的办法是用JavaScript脚本来实现这个过程，此外，我们还可以用比较成熟的功能库，比如说Dojo.
Dojo是什么
Dojo是一个强大的JavaScript类库，利用它提供的许多简单的API去实现一些比较复杂的页面功能。其中，利用Dojo来实现HTTP Request/Response不能不说是他的一个最大的亮点。除了提供Ajax功能之外，Dojo还提供了字符串操作、DOM操作、页面拖拽支持、以及数据结构（如列表，队列，堆栈等）。
JSON是什么
JSON是一个Java类库，专门用来转换Java对象为标准字符串。当这个字符串被传至客户端之后，可以通过JavaScript的eval()方法来产生一个数组，这个数组里面包含了所有关于服务端Java对象的信息。
JSON的标准语法可以用来加密许多嵌入对象的结构，这种语法产生的结果比相应的XML要小不少，而且用来很方便的传入eval()函数处理，因此JSON是一个高效、快速的浏览器/服务器数据传输媒介。既然服务端代码可以以多种语言形式存在，JSON也提供了对C#,Python,PHP等语言的支持。
利用Dojo处理HTTP请求
在下面的例子中，我们用Dojo来实现一个简单的功能：当用户按下一个button之后，页面弹出一个来自服务端的欢迎信息。让我们看看以下的部分代码：
<html>
<body onLoad="onLoad();">
<head>
<title>Example 1</title>
<script language="javascript" src="js/dojo.js"></script>
<script language="javascript">
dojo.require("dojo.io.*");
dojo.require("dojo.event.*");
function onLoad() {
var buttonObj = document.getElementById("myButton");
dojo.event.connect(buttonObj, "onclick",
this, "onclick_myButton");
}
function onclick_myButton() {
var bindArgs = {
url: "welcome.jsp",
error: function(type, data, evt){
alert("An error occurred.");
},
load: function(type, data, evt){
alert(data);
},
mimetype: "text/plain",
formNode: document.getElementById("myForm")
};
dojo.io.bind(bindArgs);
}
</script>
</head>
<body>
<form id="myForm">
<input type="text" name="name"/>
<input type="button" id="myButton" value="Submit"/>
</form>
</body>
</html>
首先，页面会导入Dojo库dojo.js，其中包含了所有必须的Dojo类。Dojo库类似于我们Java代码中的Package的概念，象这个例子中所描述的，此处导入了两个包：dojo.io包中含有一些相关的类，可以通过类似于XMLHTTPTransport的协议发出HTTP Request请求；dojo.event包则是用来为网页DOM对象提供一个统一的事件处理方式。
其次，需要注意的是，我们为button指定了一个onclick事件。传统的做法一般都是：
<input type="submit" onclick="someFunc();"/>
这样可以达到事件绑定的效果，但是遗憾的是，这种方式始终一次只能最多绑定一个事件。而例子中的dojo.event.connect()方法可以让我们关联到不同类中的多个function。例如此处，我们就将onclick_myButton作为myButton的处理句柄。
当onclick_myButton事件执行的时候，系统将会访问welcome.jsp页面，然后返回一个响应。dojo.io.bind()函数在这里起到了强大的作用，参数bindArgs是一个键值对数组。在这个例子中，我们指定了以下五对键值组合：
1、url：请求的目标URL；
2、mimetype：响应的类型类型，默认是"text/plain"；
3、load：执行成功之后响应的方法；
4、error：执行发生错误的时候响应的方法；
5、formNode：一个Form的ID，其中的所有fields都将作为参数传递给url处理。
一旦dojo.io.bind(bindArgs)被处理，load或error中的事件将在指定情况下被触发，仔细观察，会发现这两个方法都有三个共有的参数：
1、type：函数的返回类型值，一般load()事件对应"load"，而error()事件对应"error"；
2、data：得到的响应内容，如果mimetype被指定为text/plain，data内容将是一个字符串响应；如果mimetype是text/json，data的内容理论上就是eval('('+responseReceived+')')的值，这里responseReceived即是响应返回过来的一个JSON字串。
3、evt：HTML DOM Event Object，用来标示一个事件的状态，如事件发生的对象，键盘鼠标的状态等。
除了例子中的这种绑定方式之外，还可以用dojo.event.connect()的来关联一个含有(type,data.evt)参数的function，如：
var req = dojo.io.bind(bindArgs);
dojo.event.connect(req, "load", this, "handleResponse");
//handleResponse即是一个预定义的JavaScript function
注：
考虑到安全的因素，Fixfox不支持给bindArgs中url参数给定一个外部URL地址，而IE在这方面是没有限制的。
使用JSON传输Java对象
在前面的部分我们间接提到了JSON，它可以将Java对象通过eval()函数转换成一个Javascript理解的对象。
一般我们喜欢在服务端写一些个POJO，而要把它传至Web客户端，可以通过JSON库提供的一些接口方法，如我们在一个名为Book的POJO类中额外添加一个方法Book.toJSONString()方法：
public String toJSONString() throws JSONException {
JSONObject jsonObj = new JSONObject();
jsonObj.put("bookId", new Integer(this.bookId));
jsonObj.put("title", this.title);
jsonObj.put("isbn", this.isbn);
jsonObj.put("author", this.author);
return jsonObj.toString();
}
例子中的JSONObject类即将Book类的所有属性都提取出来，然后包装成为一个类似于java.util.Map的对象，最后通过toString()方法提供传输给Web端去eval()。同样，我们可以用另外一个JSONArray对象来包装相关信息为一个List，然后传输到Web客户端。
在Web客户端的实现，我们可以参考下面的例子：
function trMouseOver(bookId) {
getBookInfo(bookId);
}
function trMouseOut(evt) {
var bookDiv = document.getElementById("bookInfo");
bookDiv.style.display = "none";
}
function getBookInfo(bookId) {
var params = new Array();
params['bookId'] = bookId;
var bindArgs = {
url: "book.jsp",
error: function(type, data, evt){
alert("error");
},
mimetype: "text/json",
content: params
};
var req = dojo.io.bind(bindArgs);
dojo.event.connect(req, "load", this, "populateDiv");
}
function populateDiv(type, data, evt) {
var bookDiv = document.getElementById("bookInfo");
if (!data) {
bookDiv.style.display = "none";
} else {
bookDiv.innerHTML = "ISBN: " + data.isbn +
"<br/>Author: " + data.author;
bookDiv.style.display = "";
}
}
不同于前一个例，此例中的bingArgs多了一个content属性，用来存储一个键值对，然后作为参数传递给book.jsp页面去响应。在某种意义上来说，它有点类似于Form的fields提交。
下一次，再继续写Dojo的高级运用：Widget的制作。
分享到：
相关推荐
OpenGL是一种强大的图形库，用于创建2D和3D图形，广泛应用于游戏开发、科学可视化、工程设计等领域。在这个项目中，我们看到一个基于OpenGL的机械臂运动仿真程序，它能够实现机械臂在四个方向上的旋转。这样的模拟对于理解机械臂的工作原理、机器人控制算法以及进行虚拟环境中的机械臂运动测试具有重要意义。 我们需要了解OpenGL的基础知识。OpenGL是一个跨语言、跨平台的编程接口，用于渲染2D和3D矢量图形。它提供了大量的函数来处理图形的绘制，包括几何形状的定义、颜色设置、光照处理、纹理映射等。开发者通过OpenGL库调用这些函数，构建出复杂的图形场景。 在这个机械臂仿真程序中，C#被用来作为编程语言。C#通常与Windows平台上的.NET Framework配合使用，提供了一种面向对象的、类型安全的语言，支持现代编程特性如LINQ、异步编程等。结合OpenGL，C#可以构建高性能的图形应用。 机械臂的运动仿真涉及到几个关键的计算和控制概念： 1. **关节角度**：机械臂的每个部分（或关节）都有一个或多个自由度，表示为关节角度。这些角度决定了机械臂各部分的位置和方向。 2. **正向运动学**：根据关节角度计算机械臂末端执行器（如抓手）在空间中的位置和方向。这涉及将各个关节的角度转换为欧拉角或四元数，然后转化为笛卡尔坐标系的X、Y、Z位置和旋转。 3. **反向运动学**：给定末端执行器的目标位置和方向，计算出各关节所需的理想角度。这是一个逆向问题，通常需要解决非线性方程组。 4. **运动规划**：确定从当前状态到目标状态的路径，确保机械臂在运动过程中避免碰撞和其他约束。 5. **OpenGL的使用**：在OpenGL中，我们首先创建几何模型来表示机械臂的各个部分。然后，使用矩阵变换（如旋转、平移和缩放）来更新关节角度对模型的影响。这些变换组合起来，形成机械臂的动态运动。 6. **四向旋转**：机械臂可能有四个独立的旋转轴，允许它在X、Y、Z三个轴上旋转，以及额外的绕自身轴线的旋转。每个轴的旋转都由对应的关节角度控制。 7. **交互控制**：用户可能可以通过输入设备（如鼠标或键盘）调整关节角度，实时观察机械臂的运动。这需要将用户输入转换为关节角度，并应用到运动学模型中。 8. **图形渲染**：OpenGL提供了多种渲染技术，如深度测试、光照模型、纹理映射等，可以用于提高机械臂模拟的真实感。例如，可以添加材质和纹理来模拟金属表面，或者使用光照来增强立体感。 这个项目结合了OpenGL的图形渲染能力与C#的编程灵活性，构建了一个可以直观展示机械臂运动的仿真环境。通过理解并实现这些关键概念，开发者不仅能够学习到图形编程技巧，还能深入理解机器人学的基本原理。
android11 udpate-engine 系统升级模块源码下载
内容概要：本文详细介绍了如何在MATLAB环境中实现SVM二分类算法，涵盖数据预处理、参数寻优及结果可视化的全过程。首先进行数据归一化处理，确保各特征在同一量纲下参与模型训练。接着采用网格搜索法对SVM的关键参数c（惩罚系数）和g（核参数）进行自动化寻优，利用5折交叉验证评估每组参数的表现。最后通过等高线图和3D曲面图直观展示参数与准确率之间的关系，并完成最终模型的训练与预测。 适合人群：具有一定MATLAB编程基础的研究人员和技术爱好者，尤其是从事机器学习、数据分析领域的从业者。 使用场景及目标：适用于需要快速搭建SVM二分类模型并进行参数调优的项目。主要目标是在短时间内获得较高准确度的分类结果，同时掌握SVM的工作原理及其在MATLAB中的具体应用方法。 其他说明：文中提供了完整的代码示例，便于读者直接上手实践。此外还提到了一些常见的注意事项，如数据格式要求、类别不平衡处理以及特征工程的重要性等。
ffmpeg
江科大CAN入门教程，万字长文理解
内容概要：本文详细介绍了基于新唐N79E814单片机的移动电源设计方案，涵盖硬件架构、PCB原理图、电路设计、代码实现等方面。移动电源主要由电池、充电电路和输出电路构成，文中重点讲解了5V1A和5V2.1A两路输出的设计思路，包括同步整流、PWM控制、充电管理等关键技术。同时，文章还探讨了PCB布局、烧录注意事项、效率优化等内容，并提供了具体的代码示例和调试建议。 适合人群：具有一定电子技术和单片机开发基础的工程师和技术爱好者。 使用场景及目标：适用于希望深入了解移动电源设计原理和实现方法的人群，旨在帮助读者掌握从原理图绘制到实际产品制作的全过程，提升电路设计和调试能力。 其他说明：文章不仅提供了理论知识，还包括大量实践经验分享，如常见的调试陷阱和解决方法，有助于读者在实践中少走弯路。
动漫角色分割_基于深度学习实现的高精度动漫角色分割算法_附项目源码_优质项目实战
javacv实现的支持多种音视频播放的播放器，比如MP4、avi、mkv、flv、MP3、ogg、wav、au等多种音视频格式，非常好用。
开发调试demo,简单的自动登录功能,插件开发入门参考
内容概要：本文详细介绍了通过修改Windows注册表来启用和配置被禁用的用户账户（如WDAGUtilityAccount）的过程。首先，通过计算机管理界面查看被禁用的用户账户，并进入注册表编辑器定位到HKEY_LOCAL_MACHINE\SAM\SAM\Domains\Account\Users路径下的相应用户条目。接着，通过对特定用户的二进制数据进行编辑，包括复制和修改关键字段，实现对被禁用账户的克隆与重新启用。最后，验证账户状态的变化，并通过远程桌面连接测试新配置的有效性。 适合人群：具备一定Windows系统管理基础的技术人员，尤其是负责企业内部网络和用户账户管理的IT管理员。 使用场景及目标：①当需要恢复或重新配置被禁用的用户账户时；②在进行系统故障排除或安全审计时，了解如何通过注册表直接操作用户账户；③确保特定用户能够正常登录并访问远程桌面服务。 阅读建议：本文涉及较为底层的系统操作，建议读者在实际操作前充分备份系统和注册表，避免误操作导致系统不稳定。同时，对于不熟悉注册表编辑的用户，应先在测试环境中练习，确保掌握相关技能后再应用于生产环境。此外，建议结合官方文档或其他权威资料，加深对Windows用户账户管理机制的理解。
2025免费微信小程序毕业设计成品，包括源码+数据库+往届论文资料，附带启动教程和安装包。 启动教程：https://www.bilibili.com/video/BV1BfB2YYEnS 讲解视频：https://www.bilibili.com/video/BV1BVKMeZEYr 技术栈：Uniapp+Vue.js+SpringBoot+MySQL。 开发工具：Idea+VSCode+微信开发者工具。
内容概要：本文详细介绍了基于西门子S7-1200 PLC的两部六层电梯控制系统的设计与实现。主要内容涵盖前期准备工作，如选择合适的PLC型号和配置硬件；核心逻辑部分深入讲解了梯形图编程的具体实现方法，包括楼层呼叫逻辑、电梯运行方向控制以及两部电梯之间的协同工作；此外，文章还探讨了仿真测试的方法及其重要性，提供了许多实用技巧和注意事项。通过具体实例展示了如何利用博途V15软件进行电梯系统的开发，并分享了一些实际操作中的经验和常见问题解决方案。 适合人群：从事工业自动化领域的工程师和技术人员，特别是那些对PLC编程有兴趣或者正在参与类似项目的从业者。 使用场景及目标：适用于需要理解和掌握S7-1200 PLC编程技能的人群，尤其是希望通过实际案例加深对梯形图编程理解的学习者。目标是在实践中提高编程能力，能够独立完成类似的工程项目。 其他说明：文中不仅包含了详细的理论解释，还有丰富的代码片段供读者参考。对于初学者而言，建议先从单部电梯开始练习，逐步过渡到复杂的双梯联调。同时，作者强调了仿真测试的重要性，指出这是验证程序正确性和优化性能的关键步骤。
2025免费微信小程序毕业设计成品，包括源码+数据库+往届论文资料，附带启动教程和安装包。 启动教程：https://www.bilibili.com/video/BV1BfB2YYEnS 讲解视频：https://www.bilibili.com/video/BV1BVKMeZEYr 技术栈：Uniapp+Vue.js+SpringBoot+MySQL。 开发工具：Idea+VSCode+微信开发者工具。
内容概要：该资源为大学英语四级听力练习音频 MP3，包含丰富多样的听力素材。涵盖四级考试常见的各类场景，如校园生活（课程学习、社团活动等）、日常社交（聚会、聊天等）、工作求职（面试、职场事务等）、旅行交通（出行方式、景点介绍等）、饮食健康（餐厅点餐、健康养生等）。音频内容依照四级听力考试题型和难度精心录制，有短对话、长对话、短文听力等形式，且语速、口音等符合四级考试要求，助力考生熟悉考试形式与节奏。 适合人群：正在备考大学英语四级考试，希望提升听力水平的学生；英语基础中等，需要通过针对性练习来适应四级听力难度、提升听力理解能力的学习者；对英语听力学习有需求，想通过大量练习积累场景词汇、熟悉英语表达习惯的人群。 能学到什么：①熟悉四级听力考试的各类场景词汇，增强词汇储备并提升在听力语境中的反应速度；②掌握不同场景下的英语常用表达和句式，提升英语语言运用能力；③锻炼听力理解技巧，如抓取关键词、推断隐含意思、梳理篇章逻辑等；④适应四级听力考试的语速、口音和题型设置，增强应试能力和自信心。 阅读建议：制定系统的练习计划，定期定量进行听力练习，如每天安排 30 - 60 分钟；第一遍泛听，了解大致内容和主题；第二遍精听，逐句听写或分析不懂的词汇和句子；对照听力原文，明确错误和没听懂的地方，积累生词和表达；定期进行模拟测试，利用该音频模拟考试环境，检验学习效果并调整学习策略。
2000-2017年各省天然气消费量数据 1、时间：2000-2017年 2、来源：国家统计j、能源nj 3、指标：行政区划代码、城市、年份、天然气消费量 4、范围：31省
内容概要：本文详细介绍了基于西门子PLC1200的自动化控制系统，涵盖了PLC与库卡机器人通过Profinet通讯、PTO模式控制松下伺服、36路模拟量处理（包括压力检测、位置检测及压力输出）、以及26个温控器通过485总线通讯的关键技术和实现方法。此外，还包括了昆仑通态触摸屏的人机交互界面设计，提供了详细的硬件组态、软件编程指导和设备操作说明。 适合人群：从事工业自动化领域的工程师和技术人员，尤其是那些负责多设备协同控制项目的设计和实施的专业人士。 使用场景及目标：适用于需要整合多种设备（如PLC、机器人、伺服系统、温控器等）的复杂自动化生产线。主要目标是提高生产效率、增强系统的稳定性和可靠性，同时降低维护成本。 其他说明：文中不仅提供了具体的编程实例和硬件配置指南，还分享了许多实际调试过程中积累的经验教训，有助于读者在实际应用中少走弯路。
内容概要：本文深入探讨了AUTOSAR BSW（Basic Software）层所提供的各类服务、驱动、接口和管理器模块及其功能。BSW提供的服务包括I/O、Memory、Crypto、Communication、Off-board Communication和System等，涵盖了标准化的访问方式以确保不同硬件和系统的兼容性与安全性。BSW里的驱动分为内部驱动和外部驱动，分别用于控制和访问微控制器内部和外部的设备，确保硬件功能的正常运作。BSW里的接口（xx_IF）对下层模块进行抽象和封装，提供标准API接口，使上层应用无需关注底层硬件细节。BSW里的管理器（xxxM）则为多个客户端提供特定服务，能够修改或适配调整一些数据，以满足复杂需求。此外，文中还简要介绍了AUTOSAR里的库文件，它们是无状态的函数集合，可被多个模块调用以实现特定功能。 适合人群：对汽车电子软件架构有一定了解，尤其是对AUTOSAR标准感兴趣的工程师和技术人员。 使用场景及目标：①理解BSW层提供的各类服务及其应用场景；②掌握BSW中驱动、接口和管理器模块的设计原理和功能；③了解库文件的作用及其在AUTOSAR架构中的位置。 其他说明：本文详细解释了BSW层各组件的功能和作用，帮助读者更好地理解AUTOSAR架构的设计思想和实现方法。建议读者结合实际项目经验，深入研究各模块的具体实现和应用场景。
内容概要：本文介绍了西门子1200系列PLC的伺服步进FB块程序，该程序由两个FB块组成，分别采用SCL语言和梯形图编写，支持PTO和PN模式，适用于多种伺服系统和步进电机。程序经过实际调试，稳定性高，兼容性强，能够灵活应用于单轴或多轴控制系统。文中提供了详细的代码示例和调试指南，帮助用户快速上手并解决常见问题。 适合人群：从事工业自动化控制领域的工程师和技术人员，尤其是使用西门子1200系列PLC进行项目开发的人员。 使用场景及目标：①用于单轴或多轴伺服步进系统的控制；②提高项目的开发效率和稳定性；③减少重复开发的工作量，加快项目进度。 其他说明：程序需要在TIA V14及以上版本打开，附带详细的文档说明和实际项目视频链接，方便用户理解和使用。
基于SpringBoot+Vue的电子招投标系统源码+数据库.zip 高分通过项目，已获导师指导。 本项目是一套基于Springboot的电子招投标系统，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者。也可作为课程设计、期末大作业 包含：项目源码、数据库脚本、开发说明文档、演示视频等，该项目可以直接作为毕设使用。 项目都经过严格调试，确保可以运行！ 基于SpringBoot+Vue的电子招投标系统源码+数据库.zip 高分通过项目，已获导师指导。 本项目是一套基于Springboot的电子招投标系统，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者。也可作为课程设计、期末大作业 包含：项目源码、数据库脚本、开发说明文档、演示视频等，该项目可以直接作为毕设使用。 项目都经过严格调试，确保可以运行！ 基于SpringBoot+Vue的电子招投标系统源码+数据库.zip 高分通过项目，已获导师指导。 本项目是一套基于Springboot的电子招投标系统，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者。也可
金秋风影桂林山水卡通儿童教学课件模板.pptx