Ajax技术详解二
ajax中XMLHttpRequest参数详解 收藏
XJAX ,并不是一种新[url=javascript:;]技术[/url]的诞生.它实际上代表的是几项技术按一定的方式组合在一在同共的协作中发挥各自的作用.
它包括:
使用XHTML和[url=javascript:;]CSS[/url]标准化呈现;
使用DOM实现动态显示和交互;
使用[url=javascript:;]XML[/url]和XSLT进行数据交换与处理;
使用XMLHttpRequest进行异步数据读取;
最后用JavaScript绑定和处理所有数据。
在这里我只向谈点XMLHttpRequest对象:
在上面看到,使用XMLHttpRequest进行异步数据读取;
首先,我们要创建该[url=javascript:;]对象[/url],针对不同的浏览器,该对象的创建[url=javascript:;]方法[/url]是有区别.
[url=javascript:;]Internet[/url] Explorer以ActiveX对象引入,被称为XMLHTTP.
对于Internet Explorer浏览器,创建XMLHttpRequest 方法如下:
xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP.3.0"); //3.0或4.0, 5.0
xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP");
xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");
在不同Internet Explorer浏览器中XMLHTTP版本可能不一致,为了更好的兼容不同版本的Internet Explorer浏览器,因此我们需要根据不同版本的Internet Explorer浏览器来创建XMLHttpRequest类,上面[url=javascript:;]代码[/url]就是根据不同的Internet Explorer浏览器创建XMLHttpRequest类的方法。
对于Mozilla?Netscape?Safari等浏览器,创建XMLHttpRequest 方法如下:
xmlhttp_request = new XMLHttpRequest();
如果服务器的响应没有XML mime-type header,某些Mozilla浏览器可能无法正常[url=javascript:;]工作[/url]。 为了解决这个问题,如果服务器响应的header不是text/xml,可以调用其它方法修改该header。
xmlhttp_request = new XMLHttpRequest();
xmlhttp_request.overrideMimeType('text/xml');
在实际应用中,为了兼容多种不同版本的浏览器,一般将创建XMLHttpRequest类的方法写成如下形式:
try{
if( window.ActiveXObject ){
for( var i = 5; i; i-- ){
try{
if( i == 2 ){
xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" );
}else{
xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" );
}
xmlhttp_request.setRequestHeader
相关文档:
oad()方法
load( url [,data] [,callback]) data是Object类型,发送至服务器的key/value数据
例:
$(function(){
$("#send").click(function(){
$("#resText").load("test.html ......
一周前,leader让我写一个类似百度的自动完成功能,呵呵,因为对ajax技术掌握的不好,所以苦恼了很久没有写出来
经过一周的学习,终于写出了一个ajax程序,以后的工作就好做多啦
index.jsp
<html>
<head>
<style >
#child{
color: #333;
width:200px;
&nbs ......
以前提交表单的方法是submit,但是这样的话无法使用Ajax,一提交就意味着需要刷新页面。另一种方法是在url上面加上parameter来发送表单,但是这样会暴露发送的内容。但是如果用Ajax发送表单的话就能避免上面两种问题。
但是我之前自己写的时候,总是提交的是null值,运 ......
1
、介绍一下
Prototype
的
$()
函数,
$F()
函数,
$A()
函数都是什么作用?
$()
方法是在DOM
中
使用过于频繁的 document.getElementById()
方法的一个便利的简写,就像这个DOM
方
法一样,这个方法返回参数传入的id
的那个元素。
$F()
函数是另一个大收欢迎的“
快
捷键”
,它能用 ......