Ajax測試：

一、$.post()格式

$.post(url,data,success(data, textStatus, jqXHR),dataType)

dataType可以為xml、json、script 或 html格式，預設預設為html格式

二、$.post()用法

示例1：引數為json格式，返回json格式

<div id="showMess"></div>
<script>
    $.post('./ajax.php', { id:'45',username:'Simon',sex:'男' }, function(data,status){
    		if(status=='success'){
        		$('#showMess').html('學號：' + data.id+', 姓名：' + data.username + '，性別：' + data.sex);
        	}
        },'json'); //data引數為json格式
</script>
 

示例2：引數拼接成字串形式傳遞，返回json格式

<div id="showMess"></div>
<script>
    var id=45,username='Simon',sex='男';
    data  = 'id='+id;
    data += '&username='+username;
    data += '&sex='+sex;
    $.post('./ajax.php', data, function(data,status){
        	if(status=='success'){
        		$('#showMess').html('學號：' + data.id+', 姓名：' + data.username + '，性別：' + data.sex);
       	}
        },'json');
</script>
 

ajax.php檔案：

<?php
$id = $_POST['id'];
$name = $_POST['username'];
$sex = $_POST['sex'];
$info = array('id'=>$id,'name'=>$username,'sex'=>$sex);
echo json_encode($info);
exit;
?>

示例3：傳遞陣列引數，返回html格式

<div id="showMess"></div>
<script>
    $.post('./ajax.php', { 'item[]': ['老師', '使用者', '經銷商', '研究員', '其他'] }, function(data,status){
        if(status=='success'){
        $('#showMess').html(data);
        }
    });
</script>
 

ajax.php檔案：

<?php
$item = $_POST['item'];
echo implode(',',$item);
exit;
?>

三、$.get()格式

$.get(url,data,success(data, textStatus, jqXHR),dataType)

dataType可以為xml、json、script 或 html格式，預設預設為html格式

四、$.get()用法

示例1：傳遞引數，返回json格式

<div id="showMess"></div>
<script>
    var id=45,username='simon',sex='男';
    data  = '?id='+id;
    data += '&username='+username;
    data += '&sex='+sex;
    $.get('./ajax.php'+data, function(data,status){
        if(status=='success'){
            $('#showMess').html('學號：' + data.id+', 姓名：' + data.username + '，性別：' + data.sex);
        }
    },'json');
</script>

ajax.php檔案：

<?php
$id = $_GET['id'];
$username = $_GET['username'];
$sex = $_GET['sex'];
$info = array('id'=>$id,'username'=>$username,'sex'=>$sex);
echo json_encode($info);
exit;
?>

五、ajax中的success、error、complate的執行順序

success和error是並列的，但首先是檢查status是否為200，如果成功獲取到結果，則執行success，否則執行error

最後再執行complate