課件_52.第九章：Ajax技術[7]-$.ajax方法.rar，很常用

最後更新：2018-07-26 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

ajax02.html

用戶端

<!DOCTYPE html><!--課件_52.第九章：Ajax技術[7]-$.ajax方法.rar，很常用--><html id="html"><head>    <meta charset="utf-8" />    <title>demo</title>    <script type="text/javascript" src="jquery-2.1.4.min.js"></script>    <style type="text/css">    </style>    <script type="text/javascript">        $(function(){            $('button').click(function(){                /*                 $.ajax('return.php',{                 success:function(data,textStatus,jqXHR){                 console.log(':))');                 console.log(data);                 }                 });                 */                $.ajax({                    url:'http://localhost/MyTestAjax08/return.php',//請求的url地址                    type:'get',//佈建要求的http方式，method也可以                    dataType:'json',//將伺服器端返回的資料直接認定為是這個格式，然後會做一些自動的處理(如果是json字串，會自動轉化為js對象),伺服器返回的預設格式是text/html格式                    data:{//向伺服器端發送的資料                        name:'孫勝利',                        sex:true                    },                    success:function(data,textStatus,jqXHR){//請求成功之後執行的回呼函數                        //console.log(':))');                        console.log(data);                        //console.log(this);                    },                    error:function(jqXHR,textStatus,errorThrown){//請求失敗之後執行的回呼函數                        console.log(errorThrown);                    }//                    beforeSend:function(jqXHR,settings){//在請求正式發起之前執行的回呼函數，我們可以利用它在請求的設定物件進行一些修改。//                        //settings.url='test/a.php';//                        //console.log('請求之前執行的我。');//                        //return false;//取消本次請求//                    },//                    complete:function(jqXHR,textStatus){//請求完成之後執行的回呼函數(無論成功還是失敗)//                        console.log('請求完成了。');//                    },                    //context:$('#div1'),//設定回呼函數內this的值                    //timeout:2000,//為本次Ajax請求設定一個逾時時間。                    //async:false,//是否以非同步請求發出                    //cache:false,//不緩衝                    /*                     dataFilter:function(data,type){//設定講伺服器端返回的原生的資料進行處理的回呼函數（注意：一定要將處理完的資料return）                     return data.toUpperCase();                     },                     */                    /*                     converters:{//控制返回資料的格式轉換方式。                     "text json":function(data){                     return data;                     },                     "text html":function(data){                     return $(data);                     }                     },                     */                    //global:false//設定是否觸發全域的Ajax回呼函數。                });            });        });    </script></head><body><button>開始</button><div id="div1">    div1</div></body></html>

return.php

伺服器端

<?phpsleep(1);//$html=<<<A//<ul class="ul0">//    <li>哈哈。</li>//    <li>哈哈。</li>//    <li>哈哈。</li>//    <li>哈哈。</li>//    <li>哈哈。</li>//</ul>//<ul class="ul1">//    <li>哈哈。</li>//    <li>哈哈。</li>//    <li>哈哈。</li>//    <li>哈哈。</li>//    <li>哈哈。</li>//</ul>//A;$json=<<<A{"name":"孫勝利"}A;echo $json;//echo 'hello world';?>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More