喜悦国际村 
» 游客:  注册 | 登录 | 搜索 | 统计 | 喜悦证交所 | 帮助

RSS 订阅当前论坛  

$5.95 Web Hosting     

上一主题 下一主题
 20  1/2  1  2  > 
     
标题: 谁有AJAX最简单的例子啊  
 
bigfrogwxl (bigfrogwxl)
中级会员
Rank: 3Rank: 3
一般会员



UID 63596
精华 0
积分 260
帖子 229
金钱 260 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2005-3-20
状态 离线
[广告]: 代充Paypal帐号美元
谁有AJAX最简单的例子啊

发个出来研究下噻,越简单越好,嘿嘿。
2006-7-20 09:19 AM#1
查看资料  访问主页  Blog  发短消息  QQ  顶部
 
kuco
高级会员
Rank: 4
一半会员


UID 66126
精华 0
积分 954
帖子 962
金钱 907 喜悦币
威望 0
人脉 47
阅读权限 50
注册 2005-8-23
来自 上海
状态 离线
[广告]: 代充Paypal帐号美元
一个比较简单的例子.
适用于用户注册时检验用户名是否已经存在

效果: http://www.ouky.com/test/ajax001.html
源码: http://www.ouky.com/test/printfile.php?filename=ajax001.html
          http://www.ouky.com/test/printfile.php?filename=ajax002.php

QUOTE:
//fileName : ajax001.html
//code :

<script type="text/javascript" language="javascript">
    var http_request = false;

    function send_request(url) {
        http_request = false;

        if (window.XMLHttpRequest) {
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
            }
        } else if (window.ActiveXObject) {
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }
        if (!http_request) {
            alert('不能创建 XMLHttpRequest 对象!');
            return false;
        }

        http_request.onreadystatechange = processRequest;
        http_request.open('GET', url, true);
        http_request.send(null);

    }

        //处理返回信息
    function processRequest() {
                if (http_request.readyState == 1) {
                        document.getElementById('divId').innerHTML="下载中...";
                }
        if (http_request.readyState == 4) {
            if (http_request.status == 200) {
                //alert(http_request.responseText);
                                document.getElementById('divId').innerHTML=http_request.responseText;
            } else {
                alert('请求异常');
            }
        }
    }

        //自定义调用函数
        function getUserCheck(){
                var f=document.form1;
                var username=f.username.value;
                if(username==""){
                        window.alert("用户名不能为空");
                        f.username.focus();
                        return false;
                }else{
                        send_request('ajax002.php?username='+username);
                }
        }

</script>

<!--
<span style="cursor: pointer; text-decoration: underline"    onclick="send_request('ajax002.php?username=abcdefg')">
        Make a request
</span>
-->

<FORM METHOD=POST ACTION="" name="form1">
userName:
<INPUT TYPE="text" NAME="username" value="">
<INPUT TYPE="button" name="check" value="check" onClick="getUserCheck()">
</FORM>


<div id="divId"><div>


QUOTE:
//fileName : ajax002.php
//code :

<?php
    
if($_GET['username']) {
        
sleep(2); //方便理解"下载中..."这个过程

        
echo "This is 'ajax002.php' result:<br><br>";

        
//这里可以进行数据库查询等一系列操作,然后再返回一个结果
        
echo "You input userName is '".$_GET['username']."'<br><br>";
    }
?>




阿里妈妈再掀疯狂采购风,急召天下站长,新加入站点3天内一定采购!
2006-7-20 09:57 AM#2
查看资料  Blog  发短消息  顶部
 
bigfrogwxl (bigfrogwxl)
中级会员
Rank: 3Rank: 3
一般会员



UID 63596
精华 0
积分 260
帖子 229
金钱 260 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2005-3-20
状态 离线
[推荐阅读] 临时公告:恢复活动及重要站务处理


QUOTE:
原帖由 kuco 于 2006-7-20 09:57 AM 发表
一个比较简单的例子.
适用于用户注册时检验用户名是否已经存在

效果: http://www.ouky.com/test/ajax001.html
源码: http://www.ouky.com/test/printfile.php?filename=ajax001.html
          http://www. ...
谢谢您的回答,我找了个更短的,发出来给新手看看,已经测试成功了。
1。aa.htm
<script language="javascript">
function InitAjax()
{
 var ajax=false;
 try {
  ajax = new ActiveXObject("Msxml2.XMLHTTP");
 } catch (e) {
  try {
   ajax = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (E) {
   ajax = false;
  }
 }
 if (!ajax && typeof XMLHttpRequest!='undefined') {
  ajax = new XMLHttpRequest();
 }
 return ajax;
}
</script>
<a href="#" onClick="getNews(1)">新闻1</a>
<div id="show_news"></div>
<script language="javascript">
function getNews(newsID)
{
 //如果没有把参数newsID传进来
 if (typeof(newsID) == 'undefined')
 {
  alert("undefined");
    return false;
 }
 //需要进行Ajax的URL地址
 var url = "show.php?id="+ newsID;
  alert(url);

 //获取新闻显示层的位置
 var show = document.getElementById("show_news");

 //实例化Ajax对象
 var ajax = InitAjax();

 //使用Get方式进行请求
 ajax.open("GET", url, true);

 //获取执行状态
 ajax.onreadystatechange = function() {
  //如果执行是状态正常,那么就把返回的内容赋值给上面指定的层
  if (ajax.readyState == 4 && ajax.status == 200) {
   show.innerHTML = ajax.responseText;
  }
    else{
         alert(ajax.readyState);
         alert(ajax.status);
   show.innerHTML = ajax.responseText;
    }
 }
 //发送空
 ajax.send(null);
}
</script>


2.show.php
<?php
        echo "ffffffffffffffff";
        ?>
2006-7-20 10:02 AM#3
查看资料  访问主页  Blog  发短消息  QQ  顶部
 
sq1228
中级会员
Rank: 3Rank: 3
一般会员


UID 66008
精华 0
积分 267
帖子 239
金钱 267 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2005-8-19
来自 浙江宁波
状态 离线
[推荐阅读] 请问在mysql怎么创建联合主键?
good!!!不错是一个入门的好例子!
2006-7-20 10:05 AM#4
查看资料  发短消息  QQ  顶部
 
bigfrogwxl (bigfrogwxl)
中级会员
Rank: 3Rank: 3
一般会员



UID 63596
精华 0
积分 260
帖子 229
金钱 260 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2005-3-20
状态 离线
[推荐阅读] 超爽无限级下拉列表
其实入门就是这么简单的一个例子,然后根据例子看不懂的地方。现在的书不知道到底是咋写的,高级的看不懂,入门的还是看不懂,
2006-7-20 10:17 AM#5
查看资料  访问主页  Blog  发短消息  QQ  顶部
 
kuco
高级会员
Rank: 4
一半会员


UID 66126
精华 0
积分 954
帖子 962
金钱 907 喜悦币
威望 0
人脉 47
阅读权限 50
注册 2005-8-23
来自 上海
状态 离线
[推荐阅读] 游戏,非高手别进~!


QUOTE:
原帖由 bigfrogwxl 于 2006-7-20 10:02 AM 发表


谢谢您的回答,我找了个更短的,发出来给新手看看,已经测试成功了。
1。aa.htm
<script language="javascript">
function InitAjax()
{
 var ajax=false;
 try {
  ajax = new A ...
似乎有JS错误..




阿里妈妈再掀疯狂采购风,急召天下站长,新加入站点3天内一定采购!
2006-7-20 10:21 AM#6
查看资料  Blog  发短消息  顶部
 
bigfrogwxl (bigfrogwxl)
中级会员
Rank: 3Rank: 3
一般会员



UID 63596
精华 0
积分 260
帖子 229
金钱 260 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2005-3-20
状态 离线
[推荐阅读] 怎样用php代码实现象dreamweaver里的下拉列表菜单的功能
我测试了,没错啊。
要上传到服务器里啊。
有错误把贴出来。
2006-7-20 10:28 AM#7
查看资料  访问主页  Blog  发短消息  QQ  顶部
 
kuco
高级会员
Rank: 4
一半会员


UID 66126
精华 0
积分 954
帖子 962
金钱 907 喜悦币
威望 0
人脉 47
阅读权限 50
注册 2005-8-23
来自 上海
状态 离线
[推荐阅读] 如何测试程序效率
 ajax.onreadystatechange = function() {
        //如果执行是状态正常,那么就把返回的内容赋值给上面指定的层
        if (ajax.readyState == 4 ){
                if(ajax.status == 200){
           show.innerHTML = ajax.responseText;
          }
                else{
                        alert('请求异常');
                }
        }
  }

修改成这样似乎都好点儿.




阿里妈妈再掀疯狂采购风,急召天下站长,新加入站点3天内一定采购!
2006-7-20 10:31 AM#8
查看资料  Blog  发短消息  顶部
 
放弃思考
中级会员
Rank: 3Rank: 3
老会员



UID 31149
精华 0
积分 389
帖子 390
金钱 389 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2004-9-14
状态 离线
[推荐阅读] 刚开始学PHP,第一段代码就有问题了
以前写的一个用sajax框架的例子:
http://blog.chinaunix.net/u/12569/showart.php?id=65550




blog:  http://j.cublog.cn
2006-7-20 10:32 AM#9
查看资料  发短消息  顶部
 
she
等待验证会员

初级会员



UID 29433
精华 0
积分 39
帖子 131
金钱 39 喜悦币
威望 0
人脉 0
阅读权限 0
注册 2004-6-17
来自 苏州
状态 离线
[推荐阅读] 这样怎么操作才对呢?
dingyixia  kan kan
2006-8-1 07:11 PM#10
查看资料  发短消息  顶部
 20  1/2  1  2  > 
     


  可打印版本 | 推荐给朋友 | 订阅主题 | 收藏主题 | 开通个人空间  


 




Powered by Discuz! 6.1.0  © 2001-2010 Comsenz Inc.
Processed in 0.035217 second(s), 6 queries

(冀ICP备05009913号) 管理员:sadly 邮箱/MSN: sadly@phpx.com QQ:824008(长隐) 清除 Cookies - - Archiver - WAP