BlogJava-eBusiness Technik-随笔分类-AJAX

zh-cnWed, 28 Feb 2007 08:08:56 GMTWed, 28 Feb 2007 08:08:56 GMT60Ajax开发记录一: xmlhttp创建的一种方式http://www.blogjava.net/scorpionchinas/archive/2007/02/28/101154.htmlscorpionchinasscorpionchinasWed, 28 Feb 2007 07:40:00 GMThttp://www.blogjava.net/scorpionchinas/archive/2007/02/28/101154.htmlhttp://www.blogjava.net/scorpionchinas/comments/101154.htmlhttp://www.blogjava.net/scorpionchinas/archive/2007/02/28/101154.html#Feedback0http://www.blogjava.net/scorpionchinas/comments/commentRss/101154.htmlhttp://www.blogjava.net/scorpionchinas/services/trackbacks/101154.html 编写一个js文件。如functions.js。用来存放要使用到的js函数。文件开头如下：
（判断浏览器类型和版本，并创建相应的xmlhttp实例）

// functions.js
2

// Create a boolean variable to check for a valid MS instance.
4

var xmlhttp = false ;
5

// Check if we are using IE.
7

try {
8

// If the javascript version is greater than 5.
9

xmlhttp = new ActiveXObject( " Msxml2.XMLHTTP " );
10

} catch (e) {
11

// If not, then use the older active x object.
12

try {
13

// If we are using IE.
14

xmlhttp = new ActiveXObject( " Microsoft.XMLHTTP " );
15

} catch (E) {
16

// Else we must be using a non-IE browser.
17

xmlhttp = false ;
18

}
19

}
20

// If we are using a non-IE browser, create a javascript instance of the object.
22

if ( ! xmlhttp && typeof XMLHttpRequest != 'undefined') {
23

xmlhttp = new XMLHttpRequest();
24

}

然后在后面的函数中可以调用xmlhttp：（如下例）

// A variable used to distinguish whether to open or close the calendar.
2

var showOrHide = true ;
3

function showHideCalendar() {
5

// The location we are loading the page into.
7

var objID = " calendar " ;
8

// Change the current image of the minus or plus.
10

if (showOrHide == true ) {
11

// Show the calendar.
12

document.getElementById( " opencloseimg " ).src = " images/mins.gif " ;
13

// The page we are loading.
14

var serverPage = " calendar.php " ;
15

// Set the open close tracker variable.
16

showOrHide = false ;
17

var obj = document.getElementById(objID);
19

xmlhttp.open( " GET " , serverPage);
20

xmlhttp.onreadystatechange = function () {
21

if (xmlhttp.readyState == 4 && xmlhttp.status == 200 ) {
22

obj.innerHTML = xmlhttp.responseText;
23

}
24

}
25

xmlhttp.send( null );
26

} else {
27

// Hide the calendar.
28

document.getElementById( " opencloseimg " ).src = " images/plus.gif " ;
29

// The page we are loading.
30

var serverPage = " blank.php " ;
31

showOrHide = true ;
32

document.getElementById(objID).innerHTML = "" ;
34

}
35

}

scorpionchinas 2007-02-28 15:40 发表评论

]]>开始http://www.blogjava.net/scorpionchinas/archive/2007/02/26/100699.htmlscorpionchinasscorpionchinasMon, 26 Feb 2007 02:54:00 GMThttp://www.blogjava.net/scorpionchinas/archive/2007/02/26/100699.htmlhttp://www.blogjava.net/scorpionchinas/comments/100699.htmlhttp://www.blogjava.net/scorpionchinas/archive/2007/02/26/100699.html#Feedback0http://www.blogjava.net/scorpionchinas/comments/commentRss/100699.htmlhttp://www.blogjava.net/scorpionchinas/services/trackbacks/100699.html今天一个住在Berlin的同学过来申请论文题目。顺便提出和我一起参加一次大学生竞赛活动。就是编辑一个使用eBayAPI的程序。我觉得还是很不错的。所以初步定下来用AJAX。用SOAP和WSDL来进行一些交互的操作。打算把ebay，google，skype，amazon等几个大的网站的services集成在一个页面。具体方案还没有。只是大体有个思路。

      详细信息：http://entwickler.ebay.de/edu/wettbewerb.html
                      http://api20.blogspot.com/

       辅助资料：http://www.bookgo.org/ （计算机英文原版书下载）
                           http://ebook.vopen.net/html/26/index.html（计算机书籍下载）

scorpionchinas 2007-02-26 10:54 发表评论

]]>