AJAX学习

Ajax学习（三）——XMLHttpRequest对象的五步使用法

Ajax的核心技术是XMLHttpRequest对象,它可以在不向服务器提交整个页面的情况下，实现局部更新网页。通过这个对象，Ajax可以像桌面应用程序那样只与服务器进行数据层的交换，而不必每次都刷新界面，也不必每次将数据处理的工作都交给服务器来做。这样既减轻了服务器负担又提高了响应速度，还缩短了用户的等待时间。通常一个Ajax的实现过程有五步，下面我们以上篇博客中的小实例为例来逐步学习。1.建立
程雅丽·2014-11-08 22:02

Ajax学习（二）—— 一个简单的Ajax实例

通过上篇博客认识Ajax之后，我们通过一个简单的实例来消化消化理论知识，一睹Ajax的庐山真面目。1.实例功能：当用户输入用户名，文本框失去焦点后，通过异步调用来判断该用户名是否已经存在。若存在，则在上图中红框处显示提示。当用户名可用时，提交按钮变为可用状态。2.设计Html页面：用户名： 密码：在“用户名”文本框后添加了一个span标签，该标签划分一个区域，用于显示用户名的验证信息。还要添加一个
程雅丽·2014-11-07 21:31

Ajax学习（二）—— 一个简单的Ajax实例

通过上篇博客认识Ajax之后，我们通过一个简单的实例来消化消化理论知识，一睹Ajax的庐山真面目。1.实例功能：当用户输入用户名，文本框失去焦点后，通过异步调用来判断该用户名是否已经存在。若存在，则在上图中红框处显示提示。当用户名可用时，提交按钮变为可用状态。2.设计Html页面：用户名： 密码：在“用户名”文本框后添加了一个span标签，该标签划分一个区域，用于显示用户名的验证信息。还要添加一个
程雅丽·2014-11-07 21:31

Ajax学习（一）——与Ajax的初次相识

AJAX是“AsynchronousJavascriptAndXML”的缩写,从字面上解释是"异步JavaScript和XML"的简称。它不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。它也不是一项单一的技术，而是多个技术的集合，Ajax不仅仅包括JavaScript和XML，还包括HTML、XHTML、DOM、CSS、XSTL、XMLHttpRequest等技
程雅丽·2014-11-07 15:16

Ajax学习（一）——与Ajax的初次相识

AJAX是“AsynchronousJavascriptAndXML”的缩写,从字面上解释是"异步JavaScript和XML"的简称。它不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。它也不是一项单一的技术，而是多个技术的集合，Ajax不仅仅包括JavaScript和XML，还包括HTML、XHTML、DOM、CSS、XSTL、XMLHttpRequest等技
程雅丽·2014-11-07 15:16

Ajax学习(1)-简单ajax案例

1.什么是Ajax？ Ajax是AsynchronousJavaScriptandXML 的缩写，即异步的Javascript和XML。  可以使用Ajax在不加载整个网页的情况下更新部分网页信息。 Ajax以XMLHttpRequest对象为核心，结合了Javascript、DOM、CSS的新技术。 Ajax的主要特征是异步发送请求以及动态加载相应数据。2.Ajax应用的处理流程：使用JavaS
kris234seth·2014-11-01 20:00

ajax学习笔记之二

对代码进行一下优化如下：window.onload=initAll;//页面加载是调用 var xhr = false;//先定义为flase//加载函数 function initAll（）{     if（window.XMLHttpRequest）{//判断浏览器是否支持XMLHttpRequest，如果支持则创建对象     xhr= new XMLHttpRequest;     }el
刘梓航·2014-10-27 10:00

ajax学习笔记之一

ajax与传统web的区别传统web应用：客户端浏览器提交请求-------服务端---------响应ajax：客户端------ajax引擎（xmlhttprequest）----------服务器端IE早起内置引擎为activexobject创建ajax步骤1：创建xmlhttprequest对象var xhr = new xmlhttprequest;2:打开open函数xhr.open（
刘梓航·2014-10-26 21:00

Ajax学习笔记-三级联动

三个实体类Location.javapublic class Location { private Integer location_id; private String city; //... }Department.javapublic class Department { private Integer department_id; private String departmentName
umgsai·2014-10-09 22:42

Ajax学习笔记-购物车

$(function(){ //判断session里是否已经有shoppingCart var isHasCart = "${sessionScope.shoppingCart == null}"; //如果session里没有shoppingCart，说明是第一次来到这个页面 if(isHasCart == "true"){ $("#cartstatus").hide(); }e
umgsai·2014-10-09 16:34

Ajax学习笔记-验证用户名是否可用

$(function(){ $(":input[name='username']").change(function(){ var val = $(this).val(); val = $.trim(val); if(val != ""){ var url = "${pageContext.request.contextPath}/validatUsername"; var arg
umgsai·2014-10-09 15:14

Ajax学习笔记-JQuery中的Ajax

JQuery对Ajax操作进行了封装，在JQuery的最底层的方法是$.ajax(),第二层是load()$.get()$.post(),第三层是$.getScript()和$.getJSON(). Insert title here $(function(){ $("a").click(function(){ var url = this.href; var args = {"time
umgsai·2014-10-09 11:37

Ajax学习笔记-Ajax数据格式

HTMLHTML由一些普通文本组成。如果服务器通过XMLHttpRequest发送HTML，文本将存储在responseText属性中。不必从responseText属性中读取数据，它已经是期望的格式，可以直接将其插入到页面中。插入HTML代码最简单的方法是更新这个元素的innerTHML属性。 Insert title here window.onload = function() {
umgsai·2014-10-09 09:28

Ajax学习笔记-入门笔记

入门实例 Insert title here window.onload = function() { //获取a结点，并未其添加onclick响应函数 document.getElementsByTagName("a")[0].onclick = function() { var request = new XMLHttpRequest(); //加上时间戳可以起到禁用缓存的效果 var
umgsai·2014-10-09 09:03

javascript 学习

写这个教程的起因很简单：经过一段时间的ajax学习，有一些体会，并且越发认识到ajax技术的强大，所以决定记录下来，顺便也是对自己思路的整理。有
笔寂晓才·2014-08-26 19:00

Ajax学习笔记(三)

三、jQuery库详解1、使用jQuery之后，javascript操作的不再是HTML元素对应的DOM对象，而是包装DOM对象的jQuery对象。js通过调用jQuery对象的方法来改变它所包装的DOM对象的属性，从而实现动态更新HTML页面。 由此可见，使用jQuery动态更新HTML页面只需以下两个步骤： (1)获取jQuery对象。jQuery对象通常是DOM对象的包装 (2)调用jQue
zpcandzhj·2014-07-19 13:00

Ajax学习笔记(一)

    XMLHttpRequest对象详解1、Ajax应用中我们使用XMLHttpRequest对象异步发送请求，这种请求既可以是GET，也可以是POST，都可以带请求参数。  请求发送出去之后，服务器响应会在合适的时候返回，但是客户端不会自动加载这种异步响应，程序必须先调用XMLHttpRequest对象的responseText或responseXML来获取  服务器响应，再通过DOM操作将
zpcandzhj·2014-07-15 20:00

AJax学习笔记

Ajax: 1.创建Ajax异步对象，在不同的浏览器有不同的方式！！必须做浏览器兼容代码  //创建xhr对象兼容方式  functioncreateXmlHttp(){  varxhobj=false;  try{    xhobj=newActiveXObject("Msxml2.XMLHTTP");//iemsxml3.0+  }catch(e){    try{      xhobj=ne
qq1010885678·2014-07-07 22:00

AJAX学习整理二之简单实例

    做了几个简单的实例，加载txt文本内容、加载xml文件内容，把xml文本内容转换成html表格显示。废话不多说，直接贴代码：     通过ajax获取文本内容                       //加载文件             var loadTextByAjax = function(type){                 //第一步，创建XMLHttpReque
yangshuocto·2014-06-16 14:58

AJAX学习整理一

    从一进入这个IT行业的时候就经常听人们提及Ajax技术，当时一直由于其它原因没能学过。但是后来在学习基于jquery封装的Easyui框架时，里面有提及到ajax的方法，当时就直接用了也没往太深处想，现在有机会了，我要好好探一探究竟。以下内容是我从网上搜索后整理的，菜鸟见解，如有不对之处还望各路大神指正，先谢之。1.AJAX是什么？AJAX=AsynchronousJavaScriptan
yangshuocto·2014-06-13 15:24

jQueryAjax学习心得

jQueryAjax使用起来非常方便,简单易用,整理了一些内容和大家分享一下:页面代码:姓名:年龄:后台代码:packagecom.zb.servlet;importjava.io.IOException;importjava.io.PrintWriter;importjavax.servlet.ServletException;importjavax.servlet.http.HttpServl
放开那只哈士奇·2014-05-29 10:41

Ajax学习资料

www.ibm.com/developerworks/cn/views/xml/libraryview.jsp?sort_by=&show_abstract=true&show_all=&search_flag=&contentarea_by=XML&search_by=%E6%8E%8C%E6%8F%A1+Ajax&topic_by=-1&type_by=%E6%89%80%E6%9C%89%E
u011179993·2014-05-12 13:00

Ajax学习（1）---Ajax 入门简介

学习目的:理解Ajax及其工作原理，构建网站的一种有效方法.Ajax是AsynchronousJavaScriptandXML（以及DHTML等）的缩写.下面是Ajax应用程序所用到的基本技术：•HTML用于建立Web表单并确定应用程序其他部分使用的字段。•JavaScript代码是运行Ajax应用程序的核心代码，帮助改进与服务器应用程序的通信。•DHTML或DynamicHTML，用于动态更新表
从前有只小黑羊·2014-03-27 14:00

Ajax学习

varreq; functionvalidate(){ varidField=document.getElementById("userid");//拿到id号为userid的那个元素 varurl="validate.jsp?id="+escape(idField.value);//建立url地址，escape：将一个值转化为url if(window.XMLHttpRequest){//初始
v123411739·2014-03-19 21:00

php ajax学习

vartable=document.getElementById("tableadd");//table的用法 for(vari=1;i<=table.rows.length;i++) vartr=table.rows[i]; functiontrimStr(str){returnstr.replace(/(^\s*)|(\s*$)/g,"");} explode(",",$_POST['name
firenet1·2014-02-21 22:00

AJAX学习之序列二：struts2 jquery json 实现AJAX 注册ID验证

1.       目标目标使用 AJAX 实现如下效果：当填入用户名的时候，光标移开进行 AJAX 验证，如果已经被注册提示如下： 如果可以使用，提示如下：  2.       实现过程 准备： jquery ， struts2 ，开发工具等这种环境问题不累述，大家自己准备。主要工作如下1. 开发 CheckMemberIdAction:[java] viewplaincopypackage co
a771948524·2013-12-24 00:00

AJAX学习总结---来自W3School

什么是AJAX？AJAX=异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用AJAX）如果需要更新内容，必需重载整个网页面。有很多使用AJAX的应用程序案例：新浪微博、Google地图、开心网等等。AJAX实例解释上面的A
xuanwuziyou·2013-12-17 11:00

Ajax学习笔记（1）

1：Ajax是一种运用于浏览器中的技术，在浏览器和服务器之间使用异步交互，从而使用户从HTTP协议的“请求”-“响应”的同步循环中解脱出来。借助于Ajax，可以在用户单击按钮时，使用javascript和dhtml立即更新用户界面，并向服务器发送异步请求，以执行更新或查询数据库。当请求返回时，就可以使用javascript和css来相应的更新用户界面，而不是刷新整个界面。 2：Ajax的核心是j
Thomas会Coding·2013-12-13 14:00

[Ajax]ajax学习与理解

1.新建demo.aspx页面。2.首先在该页面的后台文件demos.aspx.cs中添加引用。usingSystem.Web.Services;3.无参数的方法调用.大家注意了，这个版本不能低于.netframework2.0。2.0已下不支持的。后台代码：[WebMethod]publicstaticstringSayHello(){return"HelloAjax!";}JS代码：$(fun
蓬莱仙羽·2013-12-05 00:00

[Ajax]ajax学习与理解

1.新建demo.aspx页面。2.首先在该页面的后台文件demos.aspx.cs中添加引用。usingSystem.Web.Services;3.无参数的方法调用.大家注意了，这个版本不能低于.netframework2.0。2.0已下不支持的。后台代码：[WebMethod]publicstaticstringSayHello(){return"HelloAjax!";}JS代码：$(fun
蓬莱仙羽·2013-12-05 00:00

[Ajax]ajax学习与理解

1.新建demo.aspx页面。2.首先在该页面的后台文件demos.aspx.cs中添加引用。usingSystem.Web.Services;3.无参数的方法调用.大家注意了，这个版本不能低于.netframework2.0。2.0已下不支持的。后台代码：[WebMethod]publicstaticstringSayHello(){return"HelloAjax!";}JS代码：$(fun
s10141303·2013-12-05 00:00

Ajax学习笔记

第一天 Ajax的核心是js的使用。现在一般很少使用xml传输，因为很慢，一般使用jsion来进行传输。使用ajax技术之后页面无刷新，但是并没有打断用户的操作使用户的操作顺利进行。 Ajax编程的基本步骤：xhr.open().里面有三个参数，第一个是请求方式（get/post），第二个是请求地址，第三个是异步还是同步， 写js的时候少用全局变量 1、ajax是什么? asynchr
大包包99·2013-11-24 23:00

Ajax学习指南——(上)

首先，我要先声明一下，Ajax它不是一个单词，而是几个单词首字母的简称。Ajax：AsynchronousJavaScriptandXML(异步JavaScript与XML) 一.在学习Ajax之前，需要掌握一下一些知识：JavaScript技术使用JavaScript与DOM进行交互操作的技术基于Web标准的页面布局XML技术JavaScript解析XML的技术利用XMLHttpRequest对
lylan·2013-10-27 17:00

Ajax学习

AJAX="AsynchronousJavaScriptAndXML"(异步的JavaScript和XML)顾名思义，AJAX是一种无须重新加载整个页面的情况下，能够更新部分网页的技术。一、XMLHttpRequest所有现代浏览器均支持XMLHttpRequest对象（IE6及以下使用ActiveXObject）， XMLHttpRequest对象的三个重要的属性：onreadystatecha
zhangpengju999·2013-09-23 07:00

Ajax学习总结

Ajax学习总结。因为自己js的基础不是很好，学起来有点费劲，但还是基本上搞明白了,写下来分享一下。学习Ajax注意事项一、首先明确为什么要学习Ajax？
FsnailWang·2013-09-10 16:02

Ajax学习

以前，当我们点击了一个按钮，向服务器请求数据的时候，通常会有这么一个流程。浏览器向服务器发送Http请求→服务器返回整个页面→浏览器将原先的整个页面替换成新的页面。这样子做当然没有什么问题，但是比如在看土豆的视频的时候，想看一下下方的评论，不过瘾，想再看下一页的评论，这时候浏览器会向服务器发请求，要是正在看视频的时候整个页面重新加载，视频重加载一次，那简直不可饶恕。所以就产生了Ajax这种技术，用
·2013-09-01 11:00

Ajax学习系列4— 通过DWR简化AJAX开发

DWR（DirectWebRemoting）是一个WEB远程调用框架，采取了一个类似AJAX的新方法来动态生成基于JAVA类的JavaScript代码。这样WEB开发人员就可以在JavaScript里使用Java代码，就像它们是浏览器的本地代码(客户端代码)一样。 其开发过程如下：拷贝dwr.jar文件修改web.xml文件，添加dwrservlet配置编写dwr组件，即提供给javascript
tcl_6666·2013-08-26 21:00

twitter bootstrap+jquery ajax+Google OAuth2.0实现网站实例

1.twitterbootstrap：http://twitter.github.io/bootstrap/2.jqueryajax学习地址：http://www.
wusuopuBUPT·2013-07-09 11:00

ajax学习篇9

对ajax工作原理： 下面这段是来自一个网友的blog:　 Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理，我们必须对XMLHttpRequest有所了解。 　XMLHttpRequest是ajax的核心机制，它是在IE5中首先
runfeel·2013-06-22 14:00

js之ajax学习笔记

起源:XHR在IE5中引入，所以在IE中可能会遇到三种不同的版本'MSXML2.XMLHttp.6.0','MSXML2.XMLHttp.3.0','MSXML2.XMLHttp'一、建立适用于IE7之前的版本的创建方式//适用于IE7之前的版本 functioncreateXHR(){ if(typeofarguments.callee.activeXString!="string"){
cirplan·2013-05-27 16:00

ajax学习

第一 为了保证ie5.6和高级的浏览器能使用ajax  <!doctype html> <html> <script type="text/javascript"> function showit(){ var xmlhttp; if(window.XmlHttpRequest){ xmlhttp = new
zwxiaole·2013-05-16 11:00

JQuery学习

1496587.html   JQuery UI框架汇总 http://www.oschina.net/project/tag/277/jquery-ui   AJAX
dadi520·2013-05-11 17:00

Ajax学习

ajax教程：简介：AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 创建XHR:var xmlhttp;if(window.XMLHttpRequest){ // c
lkj582059·2013-05-08 18:00

ajax学习笔记4

摘要： 本节主要介绍两点：1.缓存问题2.中文问题 缓存问题： 何谓缓存问题？即当浏览器的输入内容相同，即请求的URL相同，这样浏览器就会去读缓存，两次的内容一样，就不会和服务器端进行交互。 解决方式：在请求的url中加上时间戳。 通过我的测试，IE、360两次用户名输入一致时不会和服务器端交互，firefox即使两次用户名输入的一样，仍然会和服务器端交互。 即：firefox的中服务器端返回的t
873582595·2013-05-08 14:00

ajax学习笔记3

摘要： ajax学习1中介绍了使用jquery封装的ajax来接收服务器端的文本数据以及使用XMLHttpReques对象来接收服务器端的文本数据 ajax学习2中介绍了使用XMLHttpReques来接收服务器的端
873582595·2013-05-08 14:00

ajax学习笔记2

第二种方式：使用XMLHttpRequest对象的responseXML的方式来接受XML数据对象的DOM对象 在ajax学习笔记1中已经对准备工作和需要用到的知识做了比较详细的介绍，本节主要介绍需要修改的代码以及新增的代码
873582595·2013-05-08 14:00

ajax学习笔记1

AJAX简单介绍： AJAX指异步JavaScript及XML（AsynchronousJavaScriptAndXML），是指一种创建交互式网页应用的网页开发技术。通过AJAX，JavaScript可使用JavaScript的XMLHttpRequest对象来直接与服务器进行通信。通过这个对象，您JavaScript可在不重载页面的情况与Web服务器交换数据。 jQuery是一种javascri
873582595·2013-05-08 14:00

jquery -ajax学习总结

一.jqueryajax学习之成功与错误回调函数 前提：后台返回的是json格式的数据(1)success回调函数：当ajax的dataType为json时 success的data就是个json的object
panguixiang·2013-04-18 16:30

Ajax学习之------>Ajax和Json实现无限下拉框联动(上)

 init.jsp页面，直接跳转到InitShengServlet2这个servlet初始化省份  /**该servlet初始化完后跳转到list4.jsp*/InitShengServletInitShengServletpackagecom.servlet; importjava.io.IOException; importjavax.servlet.ServletException; im
qq446282412·2013-03-08 22:00

Ajax学习之------>Ajax和Json实现无限下拉框联动(上)

init.jsp页面，直接跳转到InitShengServlet2这个servlet初始化省份<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <jsp:forward page="/InitShengServlet2&qu
ydbc·2013-03-08 22:00
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他