首頁 > 開發者 > 網站開發

jquery的ajax

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

標籤：ati   url   函數   style   成功   status   失敗   servlet   中文   

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <title>Insert title here</title> 6     <script type="text/javascript" src="../js/jquery-1.8.3.js"></script> 7     <script type="text/javascript"> 8          9         $(function(){10             $("input").click(function(){11                 //0.1請求lujing12                 var url = "/jquery_day02/SendDataServlet";13                 //0.2請求參數 位json字串14                 var params = {"username":"傑克","password":"123"};15                 /*16                  * 117                  * 使用load(url, [data], [callback])函數載入18                  *  *不加請求參數則是get請求 19                  *  *加了請求參數是post請求 他的回呼函數有三個參數20                  *  參數1：data響應資料 load()永遠得到的是字串 可以使用eval()變為json對象21                  */22 //                $(this).load(url,params,function(data){23 //                    var json = eval("("+data+")");24 //                    alert(json.message);25 //                });26 27                 /*28                  * 2$.get()全域函數，發送get請求29                  * jQuery.get(url, [data], [callback], [type])30                  * *你需要解決中文編碼的問題 new String(username.getBygets("iso-8859-1","utf-8"));31                  *     *響應的資料，如果使用的是application/json;charset=utf-8,則jquery自動的將資料切換為json對象32                  *     *響應的資料，如果使用的是text/json;charset=utf-8,則回呼函數返回的字串，需要手動轉換33                  *         使用參數4  type:返回內容格式，xml, html, script, json, text, _default。34                  *   設為"json"就返回json對象了35                  */36 //                $.get(url,params,function(data){37 //                    alert(data.message);38 //                },"json");39                 /*40                  * $.post() 請求時post 同上41                  */42 //                $.post()(url,params,function(data){43 //                    alert(data.message);44 //                },"json");45                 /*46                  * $.ajax();底層功能最強大47                  *     格式：$.ajax([settings])48                  *             參數setting：設定所有參數49                  *                 url:發送請求地址50                  *                 data:發送到伺服器的資料51                  *              type:請求方式52                  *               success:成功的回到函數success(data, textStatus, jqXHR) data:伺服器響應的資料53                  *                dataType:務器返回的資料類型 xml, html, script, json, text, _default54                  *                error:請求失敗時調用此函數55                  */56                 $.ajax({57                     "url":url,58                     "data":params,59                     "type":"post",60                     "success":function(data){61                         alert(data.message);62                     },63                     "dataType":"json",64                     "error":function(){65                         alert("伺服器請求繁忙");66                     }67                     68                     69                 });70             });71         });72     </script>73     74 </head>75 <body>76     77     <input type="button" value="發送ajax" />78     79     80 </body>81 </html>

 

jquery的ajax

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

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： 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