AJAX学习傻瓜式入门篇

winmxaa

1)首先create个button
<input type="button"  value="Test run AJAX">
这是要来call AJAX的

2）然后create个function
//'key' is the value you need to pass to database
    function runAJAX(key) {
        init();
        var url = "getDBResponse.jsp?param=" + escape(key);

        //third param: true for asynchronous, false for synchronize
        req.open("GET", url, true);
        req.onreadystatechange = callback;
        req.send(null);
    }
getDBResponse.jsp是你要那数据的动态页面
注意：不能用.html， AJAX必须在server里run的。

3）然后create个function
function callback() {
        if(req.readyState == 4) { //mean AJAX request is finish, and the server had a response back.

            // status '200' mean get a good response.
            // other status like '404' mean page not found.
            if(req.status == 200) {
                alert("succussful get response!");
                var msg = req.responseXML.getElementsByTagName("msg")[0];
                setMsg(msg.childNodes[0].nodeValue);
            }
            else{
                alert("There is an error or you not run in a server.")
            }
        }

    }
这是要来处理反回来的值

4）然后create个getDBResponse.jsp
<%
response.setContentType("text/xml");
response.setHeader("Cache-Control", "no-store"); //HTTP1.1
response.setHeader("Pragma", "no-cache"); //HTTP1.0
response.setDateHeader("Expires", 0); //prevents catching at proxy server

//todo:
//1) pass request.getParameter("param") to db
//2) retrieve 'message' from database

response.getWriter().write("<msg>message return</msg>");
%>
如何取数据库data在此就不教了，就当作取回来的值是“message return”
把它放进response.getWriter().write就行了！


code下载：
http://www.2shared.com/file/3115703/47a468a2/ajax.html

vampcheah

正在学习ajax 中， 感谢lz 的分享。
及时雨。。。

有人精通sajax 的用途吗？

tensaix2j

原帖由 vampcheah 于 9-4-2008 04:04 PM 发表
正在学习ajax 中， 感谢lz 的分享。
及时雨。。。

有人精通sajax 的用途吗？

sajax 是 ajax 的framework 吗？
我觉得 prototype.js 也不错用啦。。

vampcheah

原帖由 tensaix2j 于 10-4-2008 10:26 AM 发表


sajax 是 ajax 的framework 吗？
我觉得 prototype.js 也不错用啦。。

嗯， 不过里面好像真的简单到不得了。很佩服那个developer 一下。。。 那么简单的script 可以做那么多东西。。。

LiverBird

我在做final year project...
如果我会ajax就好了。。。

叫我老马敦

用jquery..

$.ajax{
  xxx
xxx
xx
}
搞定。。。

苦瓜汤

我推荐GWT...

Darick_78560

完全看不懂！

BlueJay

最近也在学AJAX,功能很强大.目前只应用在AUTO-COMPLETE TEXTFIELD和CAPTCHA IMAGE VERIFICATION...

tensaix2j

也是 推荐 用 一些 framework。。。
如果 自己 code 那个 xmlhttprequest 的部分 还得要cater for 各种 browser 的。。

vampcheah

原帖由 叫我老马敦 于 12-4-2008 01:02 PM 发表
用jquery..

$.ajax{
  xxx
xxx
xx
}
搞定。。。

jquery 也是很出名的framework ... 到处都看得到

tensaix2j

extjs 呢？。。。。。。

苦瓜汤

原帖由 tensaix2j 于 4-5-2008 02:17 AM 发表
extjs 呢？。。。。。。

最近 extjs+gwt = gxt 出来了

tensaix2j

我很想知道 javascript 有没有 garbage collector 的 har
会不会有 memory leak 的现象 如果我
for （var i=0；i<10000000；i++）
      var a = new some_object（）；