Ajax技术

<script language="JavaScript">
    $(document).ready(function(){
        $(‘#b1‘).click(function(){
            //使用jquery提供的方法来发出ajax的请求
            //1、第一个参数表示把ajax请求发送给url
            //2、第二个参数表示是否发送数据data，如果你要发送则数据的格式应当是"{‘username‘:‘顺平‘}"
            //如果你不发送数据，则填入null，如果你有发送数据给服务器文件，默认load方法是以post方式提交，否则以get方式提交
            //3、第三个参数是函数（回调函数）
            //data表示从服务器回送的数据(string)
            //textStatus表示状态有四个success,error,notmodify,timeout
            //xmlHttpRequest表示XMLHttpRequest对象
            $(‘#one‘).load("loadController.php?data"+Math.random()+"&username="+$(‘#username‘).val(),null,function(data,textStatus,xmlHttpRequest){
                alert("服务器返回"+data);
                $(this).text(data);
            });
        })
    });
</script>

<script language="JavaScript">
    $(document).ready(function(){
        $(‘#b1‘).click(function(){
            //使用jquery提供的方法来发出ajax的请求
            //1、第一个参数表示把ajax请求发送给url
            //2、第二个参数表示是否发送数据data，如果你要发送则数据的格式应当是"{‘username‘:‘顺平‘}"
            //如果你不发送数据，则填入null，如果你有发送数据给服务器文件，默认load方法是以post方式提交，否则以get方式提交
            //3、第三个参数是函数（回调函数）
            //data表示从服务器回送的数据(string)
            //textStatus表示状态有四个success,error,notmodify,timeout
            //xmlHttpRequest表示XMLHttpRequest对象
            var send_data={‘username‘:$(‘#username‘).val(),‘psw‘:$(‘psw‘).val()};//json数据格式
            $(‘#one‘).load("loadController.php",send_data,function(data,textStatus,xmlHttpRequest){
                alert("服务器返回"+data);
                $(this).text(data);
            });
        })
    });
</script>

loadController.php
<?php
    header("content-type:text/html;charset=utf-8");
    $username=$_POST[‘username‘];
    file_put_contents("d:/mylog.log","ok".$username."\r\n",FILE_APPEND);
    if($username=="shunping"){
        echo "不可以用";
    }else{
        echo "可以用";
    }
?>

<script language="JavaScript">
    $(document).ready(function(){
        $(‘#b1‘).click(function(){
            //使用jquery提供的方法来发出ajax的请求
            //1、第一个参数表示把ajax请求发送给url
            //2、第二个参数表示是否发送数据data，如果你要发送则数据的格式应当是"{‘username‘:‘顺平‘}"
            //如果你不发送数据，则填入null，如果你有发送数据给服务器文件，默认load方法是以post方式提交，否则以get方式提交
            //3、第三个参数是函数（回调函数）
            //data表示从服务器回送的数据(string)
            //textStatus表示状态有四个success,error,notmodify,timeout
            //xmlHttpRequest表示XMLHttpRequest对象
            var send_data={‘username‘:$(‘#username‘).val(),‘psw‘:$(‘psw‘).val()};//json数据格式
            $(‘#one‘).load("loadController.php",send_data,function(data,textStatus,xmlHttpRequest){
                var obj=eval("("+data+")");
                window.alert(obj.res+" "+obj.info);
            });
        })
    });
</script>

loadController.php
<?php
    header("content-type:text/html;charset=utf-8");
    $username=$_POST[‘username‘];
    file_put_contents("d:/mylog.log","ok".$username."\r\n",FILE_APPEND);
    if($username=="shunping"){
        echo "{‘res‘:‘不可以用‘,‘info‘:‘哈哈‘}";
    }else{
        echo "{‘res‘:‘可以用‘,‘info‘:‘嘻嘻‘}";
    }
?>

<script language="JavaScript">
    $(document).ready(function(){
        $(‘#b1‘).click(function(){
            //使用jquery提供的方法来发出ajax的请求
            //1、第一个参数表示把ajax请求发送给url
            //2、第二个参数表示是否发送数据data，如果你要发送则数据的格式应当是"{‘username‘:‘顺平‘}"
            //如果你不发送数据，则填入null，如果你有发送数据给服务器文件，默认load方法是以post方式提交，否则以get方式提交
            //3、第三个参数是函数（回调函数）
            //data表示从服务器回送的数据(string)
            //textStatus表示状态有四个success,error,notmodify,timeout
            //xmlHttpRequest表示XMLHttpRequest对象
            var send_data={‘username‘:$(‘#username‘).val(),‘psw‘:$(‘psw‘).val()};//json数据格式

            $(‘#one‘).load("loadController.php",send_data,function(data,textStatus,xmlHttpRequest){
                //如果服务器返回的数据格式是xml格式的
                var result=xmlHttpRequest.resonseXML;
                //取出返回的res
                var res=result.getElementsByTagName(‘res‘);
                window.alert(res[0].childNodes[0].nodeValue);

            });
        })
    });
</script>

loadController.php
<?php
    header("content-type:text/xml;charset=utf-8");
    $username=$_POST[‘username‘];
    file_put_contents("d:/mylog.log","ok".$username."\r\n",FILE_APPEND);
    if($username=="shunping"){
        echo "<result><res>不可以用</res><info>哈哈</info></result>";
    }else{
        echo "<result><res>可以用</res><info>嘻嘻</info></result>";
    }
?>

<script language="JavaScript">
    $(document).ready(function(){
        $(‘#b1‘).click(function(){
            var send_data={‘username‘:$(‘#username‘).val(),‘psw‘:$(‘psw‘).val()};
            var xmlHttpRequest= $.post("loadController.php",send_data,function(data,ts){
                //如果服务器返回的是text
                //alert(data);
                //如果服务器返回的是json格式
                var objs=eval("("+data+")");
                //若不转objs是dom对象集合

                var $objs=$(objs);//jquery对象集合
                //$objs表示[{‘res‘:‘不可以用‘,‘info‘:‘嘻嘻‘},{‘res‘:‘不uu‘,‘info‘:‘哈哈uu‘}]
                $objs.each(function(){
                    alert(this.res+this.info);
                });
                
                //xml格式->dom
                var xmlObjs=xmlHttpRequest.responseXML;
                //dom方法来解析
                var res=xmlObjs.getElementsByTagName(‘res‘);
                alert(res[0].childNodes[0].nodeValue);

            });
        });
    });
</script>

loadController.php
<?php
    header("content-type:text/xml;charset=utf-8");
    $username=$_POST[‘username‘];
    file_put_contents("d:/mylog.log","ok".$username."\r\n",FILE_APPEND);
    if($username=="shunping"){
        echo "不可以用";
        echo "[{‘res‘:‘不可以用‘,‘info‘:‘嘻嘻‘},{‘res‘:‘不uu‘,‘info‘:‘哈哈uu‘}]";
        echo "<result><res>不可以用</res><info>哈哈</info></result>";
    }else{
        echo "可以用";
        echo "[{‘res‘:‘可以用‘,‘info‘:‘嘻嘻‘},{‘res‘:‘可以iii用‘,‘info‘:‘嘻嘻‘}]";
        echo "<result><res>可以用</res><info>嘻嘻</info></result>";
    }
?>