async

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script src="../jquery-1.11.2.min.js"></script>
</head>

<body>
<div  id="test" style="width:200px; height:200px; background-color:#FCF"></div>
</body>
<script type="text/javascript">
$(document).ready(function(e) {
     /*
    數據傳輸:同步:傳輸必須等到接收方接收到,才能傳下一個。異步:傳輸不用等到對方接收就能夠繼續傳遞。
    
    AJAX:同步:AJAX必須處理完才能繼續向下執行。異步:AJAX在處理數據的同時代碼繼續往下執行
    */
    $("#test").click(function(){
            $("#test").html("");
            $.ajax({
                async:false, //變爲同步AJAX
                url:"asynccl.php",
                datatype:"TEXT",
                success:function(data){
                    $("#test").html(data);
                    
                    }
                });
                
                
                alert($("#shuju").html());
            
            })
    
    
    
});



</script>
</html>
<?php
echo "<div id='shuju'>hello world</div>";
相關文章
相關標籤/搜索