ajax 基础 0 突破
最近一段时间用jquery,感觉效果挺好的,对此感兴趣。jquery里面有一个最重要的就是ajax的应用,看来我这里也得从头学学ajax的基础知识,不然看juqery的代码,也比较的费劲。
好,这里就写些测试代码。希望和我一样的新手能多多探讨。
========================ajax笔记=================
Ajax组成:
1 JavaScript;
2 CSS(页面样式);
3 DOM(页面局部管理);
4 xmlHttpRequest(异步对象);
5 异步对象链接服务器;
var xmlHttp;
var xmlhttpObj = ["MSXML2.XmlHttp.5.0","MSXML2.XmlHttp.4.0","MSXML2.XmlHttp.3.0","MSXML2.XmlHttp","Microsoft.XmlHttp"];//为的是ie fireFox兼容
function createXMLHttpRequest(){
if(window.ActiveXObject){
for(i=0;i<xmlhttpObj.length;i++)
{ s
xmlHttp = new ActiveXObject(xmlhttpObj[i]);
if(xmlHttp)
{
break;
}
alert(xmlhttpObj[i]);
}
}
else if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}else{
alert("暂时不能创建XMLHttpRequest对象");
}
return xmlHttp?xmlHttp:false;
}
======================================================================
xmlHttp.open("GET","AjaxTest.action",true); //"GET"传值方法,"AjaxTest.action"异步请求的地址,true表示异步
请求
判断交互状态:
onreadystatechange事件
xmlHttp.onreadystatechange=function(){ //服务器状态发生变化时调用此函数。
if(xmlHttp.readyState==4&&xmlHttp.status==200) //判断异步交互是否成功
//do something
}
send()发送
xmlHttp.send(null); //get方法只需send(null) post 就需要将传的参数写到里成 例子:xmlHttp.send(parmaters);
=================================================
jsp页面代码:
ajaxTest:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Trans
相关文档:
客户端String.php,服务器端String_check.php,很简单的实现。
客户端代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Conten ......
有关ajax的其实就是1个类的使用:XMLHttpRequest.
首先要声明这个类的对象,鉴于各个浏览器把这个类嵌入的方式不同,声明的方式也不同:
var xmlHttpReq = null;
if (window.XMLHttpRequest) //Mozilla 浏览器
{
xmlHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject) // ......
<script type="text/javascript">
$(document).ready(function() {
$("#teamName").change(function() {
$.getJSON('/team/SelectProduct', { teamName: $("#teamName").val() }, function(data) {
$("#productID").empty();
......
写了一个 用户自定义控件,有两个dropdownlist 关联。为了避免刷新使用ajax 实现。
defautl页面中使用到了这个用户控件,但是取值永远不是ajax赋值的结果而是初始化的值。
但把这两个dropdownlist 放到default 页面就能正常取值 不知道是什么原因。 ......
转自http://cnp.blog.ccidnet.com/blog-htm-do-showone-type-blog-itemid-1909185-uid-62827.html
好久没有动ajax了,突然一使用毛病多多,提示Type未定义,Sys未定义,其实这个东西我,以前遇到过,也解决了,时间一长就忘记了。今天就把解决方法写出来和大家分享。
其实很简单,此时我们要做的是在 web ......