笑烂脸
笑烂脸

JavascriptDOM文档对象模型和Ajax技术

JavascriptDOM文档对象模型和Ajax技术

DOM文档对象模型（介绍）

本质：就是文档[HTML文档、xml文档]加载到内存的表现–>文档在内存中的一种表现形式

  • 当文档被加载到内存时，会生成一个document对象。
  • 文档中所有的节点(元素节点、文本节点、属性节点)也会生成一个一个的对象。
  • 这些对象之间一一定的层级关系连接起来，通过层级关系可以方便的定位想要操作的节点。
  • JavascriptDOM文档对象模型和Ajax技术_第1张图片

DOM操作

  1. 创建元素
    document.createElement(“input”)【没有指定在Dom对象中的节点位置，所以页面不会发生改变】

  2. 删除元素
    父节点.removeChild(“子节点”)
    JavascriptDOM文档对象模型和Ajax技术_第2张图片

  3. 添加元素

    1. 父节点.applidChild(“子节点”)
      JavascriptDOM文档对象模型和Ajax技术_第3张图片

    2. 父节点.insertBefore(“子节点”,“参考节点”)
      JavascriptDOM文档对象模型和Ajax技术_第4张图片

  4. 获取元素的方式

<body>
    	性别：<input type="radio" name="sex" value="1"/>男
		<input type="radio" name="sex" value="0"/>女
		<br />
		爱好：<input type="checkbox" name="hobby" value="0"/>球
			<input type="checkbox" name="hobby" value="1"/>跳
			<input type="checkbox" name="hobby" value="2"/>rap
		<script type="text/javascript">
			
			var arr = document.getElementById("hobby")
			console.debug(arr);
			
			var inparr = document.getElementsByTagName("input")
			console.debug(inparr)
			
			var body1 = document.body;
			alert(body1);
		</script>
	</body>
  1. 文本操作
    innerHTML：里面的HTML文本 （会解析文本）
    innerText：里面的纯文本
    举个栗子
<body>
	<div id = "div1" style="width: 100px; height: 100px; background-color: yellowgreen;"></div>
	<script type="text/javascript">
		var div1 = document.getElementById("div1");
		div1.onmouseover = function(){
     
			//以标签的形式添加
//			div1.innerHTML="嘀嘀嘀"
			//以文本的形式添加
			div1.innerText="哒哒哒"
		}
	</script>
</body>

创建一个div，鼠标进入的差别

JavascriptDOM文档对象模型和Ajax技术_第5张图片

  1. 属性样式操作

    动态设置class
div.className="div1"

修改节点的stylr属性
div.style.backgroundColor="rosybrown"

JS事件绑定

<body>
<input type="button" id="btn1" value="按钮11" onclick="btn11()"/>
<input type="button" id="btn2" value="按钮22"/>
	     <script type="text/javascript">
			//事件绑定1
			function btn11 (){
     
				alert("来了老弟")
			}
			//事件绑定方式2
			var btn22 = document.getElementById("btn2")
			btn22.onclick=function(){
     
				alert("我又来了");
			}
	</script>
</body>

Ajax技术

(1)什么是Ajax

  • 全称是Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
  • Ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
  • Ajax 并不算是一种新的技术，而是已有技术的组合，主要用来实现客户端与服务器端的异步通信效果，实现页面的局部刷新。

(2)Ajax的作用

  • 可以通过在后台与服务器进行少量数据交换。ajax可以使网页实现异步更新。

(3)Ajax发送异步请求的步骤（set）

  • 异步请求：发送方发出数据后，不等接收方发回响应，接着发送下个数据包的通讯方式。

关于异步请求：
举个栗子：我们在申请账号时，填写用户名的同时页面发送用户名到服务器匹配做出响应和处理—>你的用户名重复或者格式错误了，响应结果实时反映到页面。反映的过程中你仍然可以填写其他内容（注册表单的其他信息）。（各做各的，互不干扰）即使服务器提示你用户名重复，只是输入框旁进行提示，并没有重新刷你的页面。所有的填写错误会实时的显示出来，这个过程中，你不会有整个页面的提交和等待。

//1.获取ajax对象
function getXhr(){
     
	//window.XMLHttpRequest - 代表是非ie浏览器
	return window.XMLHttpRequest?new XMLHttpRequest()
	:new ActiveXObject("Microsoft.XMLHTTP");
}
var xhr = getXhr()

//2.创建请求-->没有发送到后台
xhr.open('post',"/checkName");    [open('get',{
     },url)]

//3.设置监听事件：监听请求的状态
xhr.onreadystatechange=function(){
     
		// 判断发送请求成功，并且响应成功
		if(xhr.readyState == 4 && xhr.status == 200){
     
			//接收响应数据
			var msg = xhr.responseText;
			//判断
			if(msg.indexOf("ok")!=-1){
     
				//同户名可以用
				document.getElementById("span").innerHTML="用户名可以使用"
			}else if(msg.indexOf("error")!=-1){
     
				//不可用
				document.getElementById("span").innerHTML="用户名重复！！";
			}
		}
}	

//4.发送请求到后台
 xhr.send();

(4)Ajax发送异步请求的步骤（post）

function checkName(name){
     
		var span = document.getElementById("d1");
		span.innerText = "正在检查用户名...";
					
		//1.获取ajax对象
		var xhr = getXhr();
		//2.准备请求，get请求参数写在地址栏后面
		xhr.open('post','/checkName');
		//3.绑定请求状态监听事件：只要请求状态一改变就触发
		xhr.onreadystatechange = function(){
     
		//请求成功了并且响应了正确的数据
			if(xhr.readyState==4 && xhr.status == 200){
     
				//接收服务器响应的数据
				var result = xhr.responseText;
				if(result.indexOf("ok")!=-1){
     //这个字符串中包含ok
					span.innerText = "用户名可以使用";
					span.style.color = "green";
				}else{
     
					span.innerText = "用户名被占用";
					span.style.color = "red";
				}
			}
		}
		//设置请求头
	xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
		//4.发送请求
		xhr.send("username="+name);
}

你可能感兴趣的:(WEB,ajax,dom,javascript,web开发)

  • 【动态路由】系统Web URL资源整合系列（后端技术实现）【apisix实现】 飞火流星02027 URL整合apisix反向代理apisix网关apisix实现web资源整合系统URL资源整合apisix基于请求参数的路由apisix基于请求头的路由APISIXDashboard
    需求说明软件功能需求：反向代理功能（描述：apollo、eureka控、apisix、sentinel、普米、kibana、timetask、grafana、hbase、skywalking-ui、pinpoint、cmak界面、kafka-map、nacos、gateway、elasticsearch、oa-portal业务应用等多个web资源等只能通过有限个代理地址访问），不考虑SSO。软件质
  • 使用JvaScript做一个猜数字游戏And条件语句和循环语句整合 偷只猫来养 javascript游戏js
    **使用JvaScript做一个简单的猜数字游戏（这里设置的数字范围是0-100）**JavaScript是一门目前流行的面向对象的脚本语言，可以使用它来做很多事情，这里为大家分享一下如何使用js语言来写出一个猜数字游戏。1、需求用户可以控制游戏的开始和结束。在用户点击开始后，系统自动为用户生成一个0-100的随机数，用户在输入框中输入内容后点击确认后可以根据输入内容提示相关信息。2、逻辑分析使用
  • 给Kkfileview加请求头鉴权接入 qq_41369135 okhttpkkfileview
    所有接入前端token放localStorage,或者后端cookie中获取鉴权本案例以放localStorage为例一、创建global.js$(document).ready(function(){//设置全局的AJAX请求头$.ajaxSetup({headers:{'Authentication':localStorage.getItem('Authentication')}});});二
  • 【Jvascript 算法】-- JavaScript实现对树结构数据的增删以及树型数据与数组的相互转换 野生松
    在日常开发中我们经常会碰到树结构数据，以下是我的笔记：constarr=[{id:2,name:'部门B',parentId:0},{id:3,name:'部门C',parentId:1},{id:1,name:'部门A',parentId:2},{id:4,name:'部门D',parentId:1},{id:5,name:'部门E',parentId:2},{id:6,name:'部门F',p
  • 使用JavaScript设计一款简单的数字时钟 布啦啦李 javascript时钟
    本文目录使用JavaScript设计一款带日期显示的数字时钟效果预览1.项目概述2.HTML结构代码说明3.CSS样式代码说明4.JavaScript逻辑代码说明5.运行效果使用JavaScript设计一款带日期显示的数字时钟本文将详细介绍如何使用HTML、CSS和JavaScript设计一款带日期显示的数字时钟。我们将逐步讲解每一行代码的作用，帮助你理解如何实现一个实时更新的时钟，并扩展功能以显
  • 转：javascript获取上一访问页面 dianai7709 javascript移动开发ViewUI
    原文链接：移动端返回上一页，刚需！document.referrer详解全文如下：返回上一页，在PC端我们可以使用：history.go(-1)或者history.back()，可以正常返回第一层。这样，我们不需要上一页的url具体是什么，只要使用history一般都没啥问题。但是在移动端，如果想要返回上一页。比如从A页面跳到B页面，如果B页面想返回A页面，为了防止不会跳错，必须要有一个返回那如果
  • java word在线编辑_[原创]Java开发在线打开编辑保存Word文件（支持多浏览器） 嘻嘻哈哈哦哦吧 javaword在线编辑
    Java调用PageOffice实现在线编辑保存Word文件(以jsp调用为例，支持SSM、SSH、SpringMVC等流行框架)1.下载PageOffice开发包：http://www.zhuozhengsoft.com/dowm/下载PageOfficeforJAVA2.以Myeclipse为例，新建一个WebProject，比如：wordonline3.解压PageOffice开发包，拷贝“
  • 19.4 集成Spring MVC-《SSM深入解析与项目实战》 谙忆 SSM项目实战
    19.4集成SpringMVC-《SSM深入解析与项目实战》项目中所有的源码都可以在此链接的仓库中找到：https://github.com/chenhaoxiang/uifuture-ssm文章目录19.4集成SpringMVC27：Freemarker依赖application-mvc.xml文件web.xml文件内容web.xml做了什么index.ftl配置方法跳转页面19.4集成Spri
  • vs发布后再linux打包linux版本的安装包 kevinfkq linuxgithub运维
    *****Linux安装包打包：**在vs打包好linux运行文件，将linux-x64复制到linux电脑桌面上，准备好可执行文件和资源后，先打开终端输入./overview.Desktop试试是否可以运行。（本项目可能需要输入sudomkdir-p/home/coalcar和sudochmod-R777/home/coalcar进行日志文件夹的创建和权限赋予）。在linux电脑操作即可。一、首
  • SpringCloud之网关Gateway 2401_85358655 springcloudgatewayspring
    3、过滤器（Filter）：一个标准的SpringWebFilter，SpringCloudGateway中的Filter分为两种类型：GatewayFilter和GlobalFilter。过滤器Filter可以对请求和响应进行处理2、基本搭建①、新建模块②、导入依赖4.0.0com.gatewaycode0.0.1-SNAPSHOTgatewayDemoprojectforSpringBoot8
  • 前端为什么要使用new Promise包裹一个函数 没资格抱怨 JS核心前端javascript
    在前端开发中，使用newPromise包裹一个函数主要是为了将原本不支持Promise规范的操作转化为支持Promise规范的操作，从而可以更好地处理异步操作，提升代码的可读性和可维护性。下面详细介绍这么做的常见原因和应用场景：1.封装回调风格的异步操作在JavaScript中，早期的异步操作（如setTimeout、XMLHttpRequest等）通常使用回调函数来处理结果。这种方式容易导致回调
  • python M3U8转换为MP4 会飞的鱼— python
    importosimportasyncioimportrandomimportshutilimportaiohttpimportffmpegfromconcurrent.futuresimportThreadPoolExecutor#M3U8文件的URL#m3u8_url='********************.m3u8'#临时存储TS文件的文件夹ts_folder='ts_files'os.
  • 多语言实现图像生成的API调用指南 IT·小灰灰 人工智能数据挖掘深度学习语言模型图像处理AI作画
    在现代软件开发中，API（应用程序编程接口）的使用变得越来越普遍。无论是JavaScript、Python、Go还是Java，开发者们都需要与各种API进行交互以实现特定的功能。本文将通过一个具体的例子，展示如何使用不同的编程语言调用一个图像生成的API，并生成一幅描述海岛的图像。目录API获取方式正文1.JavaScript实现2.Python实现3.Go实现4.Java实现结语API获取方式前
  • JavaScript系列（68）--运行时优化技术详解 ᅟᅠ        ‌‍‎‏ 一进制 JavaScriptjavascriptjava前端
    JavaScript运行时优化技术详解今天，让我们深入探讨JavaScript的运行时优化技术。运行时优化是提升JavaScript应用性能的另一个关键环节，它关注代码在实际执行过程中的性能表现。运行时优化基础概念小知识：JavaScript运行时优化是指在代码执行过程中，通过各种技术手段来提高代码的执行效率。这包括即时编译（JIT）、内联缓存、类型特化等技术。基本优化实现//1.函数执行优化器c
  • Django ORM - 聚合查询 lsx202406 开发语言
    DjangoORM-聚合查询引言Django是一个强大的PythonWeb框架，它拥有一个功能丰富的对象关系映射（Object-RelationalMapping，简称ORM）。ORM允许开发者以Python类和对象的交互方式来操作数据库，而不是直接编写SQL查询。本文将深入探讨DjangoORM中的聚合查询功能，包括其基本用法、常用函数以及在实际开发中的应用场景。聚合查询简介聚合查询，顾名思义，
  • WebRTC学习二：WebRTC音视频数据采集 m0_74823239 webrtc学习音视频
    系列文章目录第一篇基于SRS的WebRTC环境搭建第二篇基于SRS实现RTSP接入与WebRTC播放第三篇centos下基于ZLMediaKit的WebRTC环境搭建第四篇WebRTC学习一：获取音频和视频设备第五篇WebRTC学习二：WebRTC音视频数据采集文章目录系列文章目录前言一、获取音视频流1.设置请求的媒体流参数2.调用getUserMedia3.处理获取到的媒体流4.处理错误二、完整
  • C# ASP.NET的应用场景 来恩1003 C#从入门到精通c#asp.net数据库
    .NET学习资料.NET学习资料.NET学习资料C#ASP.NET作为一种强大的Web开发框架，在众多领域都有着广泛的应用，为各类Web应用的开发提供了高效、可靠的解决方案。以下是其主要的应用场景：企业级Web应用在企业级应用开发中，C#ASP.NET凭借其卓越的性能和强大的功能，成为众多企业的首选。它能够与企业现有的系统和数据库进行无缝集成，例如与MicrosoftSQLServer数据库紧密结
  • Python说课内容介绍 laocooon523857886 算法算法
    一、明确课程目标1.课程目标的确定面向整个专业：Python课程作为计算机专业或相关专业中的一部分，需要对学生的编程能力、问题解决能力以及软件开发的基础技能进行培养。通过本课程，学生能够掌握Python编程的基本语法、面向对象编程、常见数据结构和算法。面向岗位：课程目标还需要结合市场需求和岗位要求。例如，数据分析、人工智能、Web开发等方向都需要具备Python编程能力。学生通过学习Python，
  • 前端框架Vue内容回顾 GISer_Jinger JavascriptVue前端框架vue.js前端
    前端面试Vue必备内容详解如果你正在准备Vue相关的前端面试，这份详细指南将帮助你掌握Vue核心知识，助你高效备战面试。1.Vue基础知识1.1Vue的核心概念声明式渲染：Vue采用数据驱动视图的方式，通过{{}}语法或v-bind绑定数据，无需手动操作DOM。组件化开发：Vue提供了单文件组件（SFC），支持HTML、CSS、JS组合在.vue文件中，提高代码复用性和可维护性。数据驱动：Vue采
  • Tomcat 8.5 优化指南 最爱で毛毛熊 tomcat
    Tomcat8.5优化指南Tomcat8.5是一个广泛使用的JavaWeb应用服务器，但在高并发或资源受限的环境中，默认配置可能无法满足性能需求。以下是一些常见的优化措施，帮助你提升Tomcat8.5的性能和稳定性。1.JVM优化Tomcat运行在JVM上，优化JVM参数可以显著提升性能。1.1内存设置调整JVM的堆内存大小，避免内存不足或频繁的垃圾回收。在catalina.sh（Linux）或c
  • Tomcat安装与配置详解：从入门到精通 一休哥助手 javatomcatjava
    一、Tomcat简介1.1什么是Tomcat？Tomcat是由Apache软件基金会开发和维护的一款轻量级Java应用服务器，能够运行JavaServlet和JSP应用程序。Tomcat作为JavaWeb服务器与传统的Web服务器（如ApacheHTTPServer）配合使用，以便提供动态的Web服务。1.2Tomcat的主要特性轻量级：Tomcat的体积较小，启动速度快，资源消耗低，非常适合开发
  • 架构设计（4）面向服务架构SOA与C++模拟实现 CoderIsArt 架构设计研究C++11架构面向服务架构SOA
    SOA架构SOA（面向服务的架构）是一种架构风格，通过将系统划分为服务来提高灵活性和可维护性。每个服务是一个独立的功能模块，通过标准化接口进行交互。SOA架构涉及多种技术和组件，以下是关键技术和它们的作用：1.服务设计与接口-服务接口定义：通常使用标准接口描述语言，如WSDL（WebServicesDescriptionLanguage）或OpenAPI（Swagger）来定义服务的接口。接口描述
  • 全面采用亚马逊云科技：利用亚马逊云转变生产运营 AI航海家 AWS
    全面采用亚马逊云科技：利用亚马逊云转变生产运营关键字:[AmazonWebServicesre:Invent2024，亚马逊云科技，生成式AI，Bedrock，CloudMigrationJourney，GenerativeAiSolutions，DataStrategyVision，SingleCloudSimplification，ProductionOperationsTransformat
  • HTML5(十二)——一文读懂 WebSocket 原理 m0_70646989 Web前端经验分享前端前端框架
    二、WebSocket通信过程================WebSocket协议可分为两部分：握手阶段和数据通信阶段。WebSocket为应用层协议，定义在TCP/IP协议栈之上，连接服务器的url是以ws或wss开头的。ws开头的默认TCP端口为80，wss开头的默认端口为443。ws（websocket）是不安全的，容易被窃听，只要别人知道你的ip和端口号，任何人都可以去连接通讯。wss（
  • Javascript的数据类型 太阳与星辰 JavaScript前端javascript前端数据类型
    Javascript的数据类型1.基本数据类型1.1七种基本数据类型1.2单独说说BigInt‌1.3其它注意点2.引用数据类型3.基本数据类型和引用数据类型的区别4.双等于号和三等于号的区别5.Javascript的类型转换机制5.1显示转换(强制转换)5.2隐式转换(1)减、乘、除(2)加(加法要区别算,因为+不仅仅是加法，还可以拼接)(3)单个变量(4)ToPrimitive原则‌JavaS
  • JavaScript系列（73）--装饰器详解 ᅟᅠ        ‌‍‎‏ 一进制 JavaScriptjavascript开发语言ecmascript
    JavaScript装饰器详解JavaScript装饰器是一个强大的语言特性，它让我们能够以声明式的方式修改类和类成员的行为。本文将深入探讨装饰器的原理、使用方法和最佳实践。装饰器基础小知识：装饰器是一种特殊类型的声明，它能够被附加到类声明、方法、访问器、属性或参数上。装饰器使用@expression形式，其中expression必须计算为一个函数。//基础装饰器语法functionreadonl
  • 面向服务架构（SOA）详细介绍 huaqianzkh 架构理解与实践架构
    面向服务架构（SOA）详细介绍1.概述面向服务架构（Service-OrientedArchitecture，SOA）是一种软件设计模式，通过将应用程序功能分解为可重用的服务来构建系统。这些服务通过定义良好的接口和协议进行通信，通常使用网络调用（如Web服务）来实现。2.核心概念服务（Service）:一个自包含的功能单元，提供特定的业务功能。服务接口（ServiceInterface）:定义了服
  • 【一文读懂】HTTP与Websocket协议 Bl_a_ck 通讯协议httpwebsocket网络协议
    HTTP协议概述HTTP(HypertextTransferProtocol)，即超文本传输协议，是一种用于在客户端和服务器之间传输超文本（例如网页、图片、音频、视频等）的通信协议。它是万维网（WWW）的基础，负责在浏览器（客户端）和web服务器之间交换信息。HTTP是一个应用层协议，位于OSI模型的第七层，通常通过TCP（传输控制协议）进行通信。HTTP是无状态的、面向请求/响应的协议，意思是每
  • 【Stable Diffusion部署至Google Colab】 星星点点洲 stablediffusion
    GoogleColab中快速搭建带GPU加速的StableDiffusionWebUIfromgoogle.colabimportdrivedrive.mount('/content/drive')!mkdir/content/drive/MyDrive/sd-webui-files!pipinstalltorch==1.13.1+cu116torchvision==0.14.1+cu116tor
  • 私有AI对话系统实战：基于Ollama+OpenWebUI的DeepSeek-R1本地化部署手把手教学（可共享访问） Developer-YC DeekSeek-R1大模型解读与实战教学人工智能pythonjavagithubnode.js语言模型后端
    引言：为什么选择本地部署大模型？在数据隐私日益重要的今天，云端AI服务的局限性逐渐显现——敏感信息泄露风险、网络延迟依赖、定制化能力不足。而通过**Ollama（模型管理框架）和OpenWebUI（可视化交互工具）**的组合，开发者可以轻松实现大模型（如DeepSeek-R1）的本地部署，兼顾性能与安全。本文将以DeepSeek-R1为例，详解从环境配置到实战应用的全流程。一、工具与模型简介1.O
  • java解析APK 3213213333332132 javaapklinux解析APK
    解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger
  • nginx自定义ip访问N种方法 ronin47 nginx 禁止ip访问
    　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。 　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种： 　　　一：把ip段放在redis里，写一段lua           二：利用geo传递变量，写一段
  • mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性 dcj3sjt126com mysql
    timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下：   1.   CURRENT_TIMESTAMP    当要向数据库执行insert操作时，如果有个timestamp字段属性设为   CURRENT_TIMESTAMP，则无论这
  • struts2+spring+hibernate分页显示 171815164 Hibernate
    分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。 　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in
  • 构建自己的Wrapper应用 g21121 rap
            我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。           首先，创建项目应用   &nb
  • [简单]工作记录_多线程相关 53873039oycg 多线程
         最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求)     方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回     缺点       测试发现必须3个接
  • 调试jdk中的源码，查看jdk局部变量 程序员是怎么炼成的 jdk 源码
    转自：http://www.douban.com/note/211369821/    学习jdk源码时使用--   学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。 可惜的是sun提供的jdk并不能查看运行中的局部变量
  • Oracle RAC Failover 详解 aijuans oracle
    Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言， 是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si
  • form表单提交数据编码方式及tomcat的接受编码方式 antonyup_2006 JavaScripttomcat浏览器互联网servlet
    原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。 （一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。    对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:
  • JS初学者必知的基础 百合不是茶 js函数js入门基础
    JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
  • iBatis的分页分析与详解 bijian1013 javaibatis
            分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最
  • 精通Oracle10编程SQL(15)使用对象类型 bijian1013 oracle数据库plsql
    /* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p
  • 【Linux命令二】文本处理命令awk bit1129 linux命令
    awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。   awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工
  • JAVA(ssh2框架)+Flex实现权限控制方案分析 白糖_ java
      目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。 【SSH2权限系统的实现机制】 权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使
  • angular.forEach boyitech AngularJSAngularJS APIangular.forEach
    angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
  • java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树 bylijinnan 二叉排序树
    import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4,
  • action执行2次 Chen.H JavaScriptjspXHTMLcssWebwork
    xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher">
  • [时空与能量]逆转时空需要消耗大量能源 comsci 能源
            无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....         在进行时空穿梭的实验中,消耗超大规模的能源是必然
  • oracle的正则表达式(regular expression)详细介绍 daizj oracle正则表达式
        正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。 正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 *
  • 报表工具与报表性能的关系 datamachine 报表工具birt报表性能润乾报表
    在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？ 要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。   一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。   2、
  • 初一上学期难记忆单词背诵第一课 dcj3sjt126com wordenglish
    what 什么  your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课   six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen
  • 我学过和准备学的各种技术 dcj3sjt126com 技术
    语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html 
  • struts2中token防止重复提交表单 蕃薯耀 重复提交表单struts2中token
    struts2中token防止重复提交表单   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht
  • 线性查找二维数组 hao3100590 二维数组
    1.算法描述 有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n)   2.使用到的相关知识： 结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816）   3.使用数组名传递 这个的不便之处很明显，一旦确定就是不能设置列值 //使
  • spring security 3中推荐使用BCrypt算法加密密码 jackyrong Spring Security
    spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234
  • 学习编程并不难,做到以下几点即可! lampcy javahtml编程语言
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in) nannan408 right join
    1.前言。   如题。 2.代码 (1)单表查重复数据,根据a分组   SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询 ， 使用改为le
  • jQuery选择器小结 VS 节点查找（附css的一些东西） Everyday都不同 jquerycssname选择器追加元素查找节点
    最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：   测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen
  • 关于EXT tntxia ext
      ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。       ExtJs最开始基于YUI技术，由开发人员Jack
  • 一个MIT计算机博士对数学的思考 xjnine Math
     在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他