- 浏览: 155048 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
jiangyeqt:
好好的温习了一遍,讲的非常的到位
Session的原理 -
JAVA静静:
这是什么啊?有没有源码?看不懂诶!
开源框架Pushlet入门 -
colinzhy:
讲的很深刻,学习了
Session的原理 -
昔雪似花:
...
Map-iterator -
不相信眼泪:
恩,很好,多谢
.scc文件是做什么用的?
//--------------------------------使用jquery--------------------------------------------
//定义用户名校验的方法
function verify(){
//首先测试一下页面的按钮按下,可以调用这个方法
//使用javascript的alert方法,显示一个探出提示框
//alert("按钮被点击了!!!");
//1.获取文本框中的内容
//document.getElementById("userName"); dom的方式
//Jquery的查找节点的方式,参数中#加上id属性值可以找到一个节点。
//jquery的方法返回的都是jquery的对象,可以继续在上面执行其他的jquery方法
var jqueryObj = $("#userName");
//获取节点的值
var userName = jqueryObj.val();
//alert(userName);
//2.将文本框中的数据发送给服务器段的servelt
//使用jquery的XMLHTTPrequest对象get请求的封装
$.get("AJAXServer?name=" + userName,null,callback);
}
//回调函数
function callback(data) {
// alert("服务器段的数据回来了!!");
//3.接收服务器端返回的数据
// alert(data);
//4.将服务器段返回的数据动态的显示在页面上
//找到保存结果信息的节点
var resultObj = $("#result");
//动态的改变页面中div节点中的内容
resultObj.html(data);
alert("");
}
//以上简化如下
function verify() {
$.get("AJAXServer?name="+$("#name").val(),null,function(data){
$("#result").html(data);
});
});
}
//---------------------使用XMLHTTPRequest对象来进行AJAX的异步数据交互-----------------------------------
var xmlhttp;
function verify() {
//0。使用dom的方式获取文本框中的值
//document.getElementById("userName")是dom中获取元素节点的一种方法,一个元素节点对应HTML页面中的一个标签,如果<input>
//。value可以获取一个元素节点的value属性值
var userName = document.getElementById("userName").value;
//1.创建XMLHttpRequest对象
//这是XMLHttpReuquest对象无部使用中最复杂的一步
//需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码
if (window.XMLHttpRequest) {
//针对FireFox,Mozillar,Opera,Safari,IE7,IE8
xmlhttp = new XMLHttpRequest();
//针对某些特定版本的mozillar浏览器的BUG进行修正
if (xmlhttp.overrideMimeType) {
xmlhttp.overrideMimeType("text/xml");
}
} else if (window.ActiveXObject) {
//针对IE6,IE5.5,IE5
//两个可以用于创建XMLHTTPRequest对象的控件名称,保存在一个js的数组中
//排在前面的版本较新
var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for (var i = 0; i < activexName.length; i++) {
try{
//取出一个控件名进行创建,如果创建成功就终止循环
//如果创建失败,回抛出异常,然后可以继续循环,继续尝试创建
xmlhttp = new ActiveXObject(activexName[i]);
break;
} catch(e){
}
}
}
//确认XMLHTtpRequest对象创建成功
if (!xmlhttp) {
alert("XMLHttpRequest对象创建失败!!");
return;
} else {
alert(xmlhttp.readyState);
}
//2.注册回调函数
//注册回调函数时,之需要函数名,不要加括号
//我们需要将函数名注册,如果加上括号,就会把函数的返回值注册上,这是错误的
xmlhttp.onreadystatechange = callback;
//3。设置连接信息
//第一个参数表示http的请求方式,支持所有http的请求方式,主要使用get和post
//第二个参数表示请求的url地址,get方式请求的参数也在url中
//第三个参数表示采用异步还是同步方式交互,true表示异步
xmlhttp.open("GET","AJAXServer?name="+ userName,true);
//POST方式请求的代码
//xmlhttp.open("POST","AJAXServer",true);
//POST方式需要自己设置http的请求头
//xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//POST方式发送数据
//xmlhttp.send("name=" + userName);
//4.发送数据,开始和服务器端进行交互
//同步方式下,send这句话会在服务器段数据回来后才执行完
//异步方式下,send这句话会立即完成执行
xmlhttp.send(null);
}
//回调函数
function callback() {
//alert(xmlhttp.readyState);
//5。接收响应数据
//判断对象的状态是交互完成
if (xmlhttp.readyState == 4) {
//判断http的交互是否成功
if (xmlhttp.status == 200) {
//获取服务漆器端返回的数据
//获取服务器段输出的纯文本数据
var responseText = xmlhttp.responseText;
//将数据显示在页面上
//通过dom的方式找到div标签所对应的元素节点
var divNode = document.getElementById("result");
//设置元素节点中的html内容
divNode.innerHTML = responseText;
} else {
alert("出错了!!!");
}
}
}
//-----------------xml----使用XMLHTTPRequest对象来进行AJAX的异步数据交互---xml--------------------------------
//自已写的返回xml
httpServletResponse.setContentType("text/xml;charset=utf-8");
StringBuilder builder = new StringBuilder();
builder.append("<message>");
//使用responseXML的方式来接收XML数据对象的DOM对象
var domObj = xmlhttp.responseXML;
if (domObj) {
//<message>123123123</message>
//dom中利用getElementsByTagName可以根据标签名来获取元素节点,返回的是一个数组
var messageNodes = domObj.getElementsByTagName("message");
if (messageNodes.length > 0) {
//获取message节点中的文本内容
//message标签中的文本在dom中是message标签所对应的元素节点的字节点,firstChild可以获取到当前节点的第一个子节点
//通过以下方式就可以获取到文本内容所对应的节点
var textNode = messageNodes[0].firstChild;
//对于文本节点来说,可以通过nodeValue的方式返回文本节点的文本内容
var responseMessage = textNode.nodeValue;
//将数据显示在页面上
//通过dom的方式找到div标签所对应的元素节点
var divNode = document.getElementById("result");
//设置元素节点中的html内容
divNode.innerHTML = responseMessage;
} else {
alert("XML数据格式错误,原始文本内容为:" + xmlhttp.responseText);
}
} else {
alert("XML数据格式错误,原始文本内容为:" + xmlhttp.responseText);
}
//使用jquery返回xml
function verify(){
//首先测试一下页面的按钮按下,可以调用这个方法
//使用javascript的alert方法,显示一个探出提示框
//alert("按钮被点击了!!!");
//1.获取文本框中的内容
//document.getElementById("userName"); dom的方式
//Jquery的查找节点的方式,参数中#加上id属性值可以找到一个节点。
//jquery的方法返回的都是jquery的对象,可以继续在上面执行其他的jquery方法
var jqueryObj = $("#userName");
//获取节点的值
var userName = jqueryObj.val();
//alert(userName);
//2.将文本框中的数据发送给服务器段的servelt
//javascript当中,一个简单的对象的定义方法
var obj = {name:"123",age:20};
//使用jquery的XMLHTTPrequest对象get请求的封装
$.ajax({
type: "POST<s
//定义用户名校验的方法
function verify(){
//首先测试一下页面的按钮按下,可以调用这个方法
//使用javascript的alert方法,显示一个探出提示框
//alert("按钮被点击了!!!");
//1.获取文本框中的内容
//document.getElementById("userName"); dom的方式
//Jquery的查找节点的方式,参数中#加上id属性值可以找到一个节点。
//jquery的方法返回的都是jquery的对象,可以继续在上面执行其他的jquery方法
var jqueryObj = $("#userName");
//获取节点的值
var userName = jqueryObj.val();
//alert(userName);
//2.将文本框中的数据发送给服务器段的servelt
//使用jquery的XMLHTTPrequest对象get请求的封装
$.get("AJAXServer?name=" + userName,null,callback);
}
//回调函数
function callback(data) {
// alert("服务器段的数据回来了!!");
//3.接收服务器端返回的数据
// alert(data);
//4.将服务器段返回的数据动态的显示在页面上
//找到保存结果信息的节点
var resultObj = $("#result");
//动态的改变页面中div节点中的内容
resultObj.html(data);
alert("");
}
//以上简化如下
function verify() {
$.get("AJAXServer?name="+$("#name").val(),null,function(data){
$("#result").html(data);
});
});
}
//---------------------使用XMLHTTPRequest对象来进行AJAX的异步数据交互-----------------------------------
var xmlhttp;
function verify() {
//0。使用dom的方式获取文本框中的值
//document.getElementById("userName")是dom中获取元素节点的一种方法,一个元素节点对应HTML页面中的一个标签,如果<input>
//。value可以获取一个元素节点的value属性值
var userName = document.getElementById("userName").value;
//1.创建XMLHttpRequest对象
//这是XMLHttpReuquest对象无部使用中最复杂的一步
//需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码
if (window.XMLHttpRequest) {
//针对FireFox,Mozillar,Opera,Safari,IE7,IE8
xmlhttp = new XMLHttpRequest();
//针对某些特定版本的mozillar浏览器的BUG进行修正
if (xmlhttp.overrideMimeType) {
xmlhttp.overrideMimeType("text/xml");
}
} else if (window.ActiveXObject) {
//针对IE6,IE5.5,IE5
//两个可以用于创建XMLHTTPRequest对象的控件名称,保存在一个js的数组中
//排在前面的版本较新
var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for (var i = 0; i < activexName.length; i++) {
try{
//取出一个控件名进行创建,如果创建成功就终止循环
//如果创建失败,回抛出异常,然后可以继续循环,继续尝试创建
xmlhttp = new ActiveXObject(activexName[i]);
break;
} catch(e){
}
}
}
//确认XMLHTtpRequest对象创建成功
if (!xmlhttp) {
alert("XMLHttpRequest对象创建失败!!");
return;
} else {
alert(xmlhttp.readyState);
}
//2.注册回调函数
//注册回调函数时,之需要函数名,不要加括号
//我们需要将函数名注册,如果加上括号,就会把函数的返回值注册上,这是错误的
xmlhttp.onreadystatechange = callback;
//3。设置连接信息
//第一个参数表示http的请求方式,支持所有http的请求方式,主要使用get和post
//第二个参数表示请求的url地址,get方式请求的参数也在url中
//第三个参数表示采用异步还是同步方式交互,true表示异步
xmlhttp.open("GET","AJAXServer?name="+ userName,true);
//POST方式请求的代码
//xmlhttp.open("POST","AJAXServer",true);
//POST方式需要自己设置http的请求头
//xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//POST方式发送数据
//xmlhttp.send("name=" + userName);
//4.发送数据,开始和服务器端进行交互
//同步方式下,send这句话会在服务器段数据回来后才执行完
//异步方式下,send这句话会立即完成执行
xmlhttp.send(null);
}
//回调函数
function callback() {
//alert(xmlhttp.readyState);
//5。接收响应数据
//判断对象的状态是交互完成
if (xmlhttp.readyState == 4) {
//判断http的交互是否成功
if (xmlhttp.status == 200) {
//获取服务漆器端返回的数据
//获取服务器段输出的纯文本数据
var responseText = xmlhttp.responseText;
//将数据显示在页面上
//通过dom的方式找到div标签所对应的元素节点
var divNode = document.getElementById("result");
//设置元素节点中的html内容
divNode.innerHTML = responseText;
} else {
alert("出错了!!!");
}
}
}
//-----------------xml----使用XMLHTTPRequest对象来进行AJAX的异步数据交互---xml--------------------------------
//自已写的返回xml
httpServletResponse.setContentType("text/xml;charset=utf-8");
StringBuilder builder = new StringBuilder();
builder.append("<message>");
//使用responseXML的方式来接收XML数据对象的DOM对象
var domObj = xmlhttp.responseXML;
if (domObj) {
//<message>123123123</message>
//dom中利用getElementsByTagName可以根据标签名来获取元素节点,返回的是一个数组
var messageNodes = domObj.getElementsByTagName("message");
if (messageNodes.length > 0) {
//获取message节点中的文本内容
//message标签中的文本在dom中是message标签所对应的元素节点的字节点,firstChild可以获取到当前节点的第一个子节点
//通过以下方式就可以获取到文本内容所对应的节点
var textNode = messageNodes[0].firstChild;
//对于文本节点来说,可以通过nodeValue的方式返回文本节点的文本内容
var responseMessage = textNode.nodeValue;
//将数据显示在页面上
//通过dom的方式找到div标签所对应的元素节点
var divNode = document.getElementById("result");
//设置元素节点中的html内容
divNode.innerHTML = responseMessage;
} else {
alert("XML数据格式错误,原始文本内容为:" + xmlhttp.responseText);
}
} else {
alert("XML数据格式错误,原始文本内容为:" + xmlhttp.responseText);
}
//使用jquery返回xml
function verify(){
//首先测试一下页面的按钮按下,可以调用这个方法
//使用javascript的alert方法,显示一个探出提示框
//alert("按钮被点击了!!!");
//1.获取文本框中的内容
//document.getElementById("userName"); dom的方式
//Jquery的查找节点的方式,参数中#加上id属性值可以找到一个节点。
//jquery的方法返回的都是jquery的对象,可以继续在上面执行其他的jquery方法
var jqueryObj = $("#userName");
//获取节点的值
var userName = jqueryObj.val();
//alert(userName);
//2.将文本框中的数据发送给服务器段的servelt
//javascript当中,一个简单的对象的定义方法
var obj = {name:"123",age:20};
//使用jquery的XMLHTTPrequest对象get请求的封装
$.ajax({
type: "POST<s
发表评论
-
javascript 中数组使用方法
2009-10-29 13:27 618/* 由于javascript是一种无类型语言,所以一个数 ... -
ajax基础
2009-11-03 10:10 578XMLHTTPRequest---->JavaScrip ... -
正则基础
2009-11-03 10:16 606<html> <script> ... -
可编辑的表格
2009-11-03 10:23 8321脚本jqueryedit.js //在页面装载时,让所有的t ... -
DWR-基本配置文件
2009-11-03 10:33 6671 dwr.xml <?xml version=&quo ... -
DWR-笔记
2009-11-03 10:36 663var xmlrequestXml; function cre ... -
DWR-util.js包工具方法
2009-11-03 10:41 1108util.js包含一些有用的函数function,用于在客户端 ... -
DWR-返回-参数为Map
2009-11-03 10:43 678方法1: fuction test{ tt.hello( ... -
DWR-返回-参数为集合
2009-11-03 10:54 686DWR中处理List调用返回JavaBean的java方法 4 ... -
dwr模拟google suggest
2009-11-03 11:07 7641 web.xml <!------ AutoSugge ... -
正则基础2
2009-11-04 14:42 7291111-1234 re \d{5}(-\d{4})? ?指前 ... -
cookie.js
2009-11-04 15:42 691js读写cookie可以提高效率,现对代码作仔细说明,以备用: ... -
Event对象的属性
2009-11-29 21:37 639function MyAlert() { var msg=&q ... -
javascript DOM
2009-11-29 21:51 643<!------------------///事件处理 ... -
javascript语法_函数_对象_数组
2009-11-29 21:52 732<script language="javas ... -
事件显示声明
2009-11-29 21:55 704<script type=text/javascript ... -
LavaLamp mean
2009-12-06 23:18 742具有flash效果的菜单,基于jquery Download ... -
ajax 书签
2009-12-30 15:17 752框架: Yahoo UIProtoTypeJQueryOpen ... -
给Dreamweaver安装jQuery插件jQuery_API.mxp
2010-01-20 12:38 5050要让Dreamweaver支持jQuery自动提示代码功能,方 ... -
jQuery-强大的jQuery选择器 (详解)[转]
2010-01-21 11:48 8791. 基础选择器 Basics 名称 ...
相关推荐
第10课 - jQuery基础 - [精通JavaScript+jQuery] 第11课 - jQuery控制页面 - [精通JavaScript+jQuery] 第12课 - jQuery动画特效 - [精通JavaScript+jQuery] 第13课 - jQuery功能函数 - [精通JavaScript+jQuery] ...
Ajax-JQuery基础学习资料
使你能够快速全面了解学习servlet,Ajax和jquery的最基础的和最重要的开发手段。
《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》是疯狂Java体系丛书之一,前8章基本以XHTML、JavaScript和DOM编程为主,无须任何基础即可阅读;第9章以后的内容则需要掌握Spring、Hibernate等Java ...
2.7WEB基础_Ajax_jQuery
Ajax和Jquery基础入门视频(源码和课件)
jQuery基础教程(ajax).pdf jQuery基础教程(ajax).pdf
jquery基础,java-RIA必经之路
jquery-1.7.2.min.js (minified, production) jquery-1.7.2.js (unminified, debug) jQuery 1.7 正式版已经可以下载使用。jQuery是一个JavaScript库,它简化了HTML文档遍历,事件处理,动画和为网络快速发展的Ajax...
Ajax和Jquery基础入门视频百度云下载 全
WEB基础_Ajax_jQuery
第一章:基础篇 - 对象的获取 第一节:jQuery速成 - 向jQuery进军! 第二节:jQuery速成 - 核心! 第三节:jQuery速成 - 核心方法的使用 第四节:jQuery速成 - 基本对象获取 第五节:jQuery速成 - 层级对象获取 第...
JavaScript+jQuery 网页特效设计 jQuery(3.4.1)基础 1 jQuery简介 jQuery优势 jQuery安装 jQuery语法 1、jQuery简介 1.1 学习jQuery之前,需要以下...“jquery-1.10.2.min.js”></script>// 需要注意下载的版本 3.1
jQuery是优秀的JavaScript框架,能使用户更方便地处理HTML Documents、events、实现动画效果,并且方便地为网站提供Ajax交互。本视频教程循序渐进地对jQuery的各种选择器、函数和方法调用进行了详细的讲解,更结合了...
的方式讲解了jQuery的核心组件,包括jQuery的选择符、事件、动画、DOM操作、Ajax支持等。第7章 和第8章介绍了jQuery UI、jQuery Mobile及利用jQuery强大的扩展能力开发自定义插件。随后的几章更 加深入地探讨了...
Jquery.Pagination.js + Jquery.Ajax + ASP.NET----无刷新分页Pagination 1.5.1,是在原作者基础上修改的,因为Pagination 1.5.1与它的低版本有很大的区别,所以在此实例中增加了新版的使用方法
关于在c# .net 框架下详细讲述了几种采用jQuery ajax的数据传输方法并配有案例,有文档教程以及可运行的源码
jquery-1.7.2.min.js (minified, production) jquery-1.7.2.js (unminified, debug) jQuery 1.7 正式版已经可以下载使用。jQuery是一个JavaScript库,它简化了HTML文档遍历,事件处理,动画和为网络快速发展的Ajax...
包含了大量的ajax,jquery的特效实例,能够使初学者更好的学会使用ajax和Jquery的使用,做出效果绚丽的网页,为你打下坚实基础!