AJAX简介
读音:[e:j^ks] 。AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML),AJAX并非缩写词,而是由Jesse James Gaiiett创造的名词,是指一种创建交
互式网页应用的网页开发技术。
作用功能
增加用户的体验性,减少页面跳转。
涉及技术
javascript css html java
开发工具及框架
IntelliJ Mozilla浏览器(firebug)
JavaScript框架:JQUERY(JavaScript基本包装)、prototype、dojo(sun、ibm支持)、ext(效果强大)、mootools、rico、DWR(JavaScript-》java)等等
"HELLO WORLD" program
使用AJAX与之前最大区别,无需表单直接提交至后台,所以不需要在前台使用FORM 标签,在input标签中写明id值,以供JavaScript取到以及回写值。并在表单标签中
加入JavaScript事件处理,激活并调用JavaScript函数。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/check.js"></script>
</head>
<body>
<CENTER>
<H1>AJAX练习</H1>
<input type="text" id="userName">
<input type="submit" value="提交" onclick="check()">
<div id="result"></div>
</CENTER>
</body>
在Jquery框架中使用${"#id"}可以获取到HTML中表单属性的相关信息,其返回的是jquery的一个对象,调用该对象的val()函数可以返回其具体值。调用该对象的html
(String)方法可以向html中回写值,设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
jQuery.post(url, [data], [callback], [type]) 函数,通过远程 HTTP POST 请求载入信息。这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用
回调函数。如果需要在出错时执行函数,请使用 $.ajax。
url 发送请求地址
data(可选) 键值对 MAP
callback(可选) 回调函数
type(可选) 返回内容格式,xml, html, script, json, text, _default
function check(){
var jqueryName=$("#userName");
var userName=jqueryName.val() ;
$.post("test?name="+userName,null,back);
}
function back(result){
var result=$("#result");
result.html(result);
}
服务器端
与之前调用并无差异,只是不需跳转,直接输出所需返回的值。
protected void doPost(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws
javax.servlet.ServletException, java.io.IOException {
request.setCharacterEncoding("gb2312");
String name=request.getParameter("name");
PrintWriter out=response.getWriter();
response.setContentType("text/html;charset=GB2312");
if(name==null||"".equals(name)){
out.println("name not null~!");
}
if("rewohs".equals(name)){
out.println("this name is aready exist~!");
}
}
分享到:
相关推荐
ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习...
AJAX学习笔记。内含Java调用的两个实例,及JavaScript的ajax工具函数,可快速入门,也可当手册使用。个人精心整理,值得收藏。 更多:http://download.csdn.net/user/daillo/all
Ajax 学习笔记,超详细的噢!不看后悔,自己上培训班时记的笔记
ajax学习笔记。。。。。。。。。。。。。。。。。。。。。。
根据个人学习Ajax的过程总结,整理了Ajax相关基础知识点,对Ajax的使用有较详细的介绍,通过个别举例,可以快速了解Ajax的功能,比较适合初学者入门。
Ajax学习笔记.zip
ASP.NET Ajax学习笔记 第一章 ASP.NET AJAX基础 介绍ASP.NET AJAX 简单接处ASP.NET AJAX
Ajax学习笔记
web前端开发AJAX学习笔记
ZK-AJAX学习笔记
AJAX学习笔记忘记了看一眼
夏玉保整理Ajax学习笔记.doc 夏玉保整理Ajax学习笔记.doc夏玉保整理Ajax学习笔记.doc 夏玉保整理Ajax学习笔记.doc
jQuery+AJAX学习笔记
Myeclipse的源代码示例(ajax学习笔记代码),四天学会ajax doc文档。
16ajax学习笔记1
非常经典的ajax学习笔记,想学好ajax的程序员都应该学习一下
Web2.0之Ajax 学习笔记与应用实例,Web2.0之Ajax 学习笔记与应用实例
Ajax 学习笔记(1).rtf
AJAX简单介绍: AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),是指一种创建交互式网页应用的网页开发技术。通过 AJAX,JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器...