首頁 > 開發者 > Ajax

執行個體入門Ajax(改進)

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

 前台

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2.   
  3. <html xmlns="http://www.w3.org/1999/xhtml">  
  4. <head runat="server">  
  5.     <title>浮動廣告</title>  
  6.     <script src="jquery/jquery-1.2.6.js" type="text/javascript"></script>  
  7.     <script type="text/javascript">  
  8.      $(document).ready(function(){
  9.       $("#getids").click(function(){
  10.          doRequestUsingGET();
  11.       })
  12.        $("#postids").click(function(){
  13.          doRequestUsingPOST();
  14.       })
  15.     });
  16.      function doRequestUsingGET(){
  17.       var firstName=$("#firstName").val();
  18.        var birthday=$("#birthday").val();
  19.         $.get("AjaxServe.aspx",{name:firstName,birthday:birthday},
  20.             callback_state,"json");
  21.      }
  22.      function doRequestUsingPOST(){
  23.      var firstName=$("#firstName").val();
  24.        var birthday=$("#birthday").val();
  25.         $.post("AjaxServe.aspx",{name:firstName,birthday:birthday},
  26.             function(data,textStatus){
  27.                $("#serverResponse").html(data.info);
  28.             },"json");
  29.      }
  30.      
  31.      function callback_state(data){
  32.         $("#serverResponse").html(data.info+"<br/>"+data.name);
  33.      }
  34.      
  35.     </script>  
  36. </head>  
  37. <body>    
  38.    <h2>輸入姓名和生日</h2>
  39.  <form>
  40.   <input type="text" id="firstName" /><br />
  41.   <input type="text" id="birthday" />
  42.   <input type="button" value="GET"  id="getids"/><br />
  43.   <input type="button" value="POST"  id="postids"/>
  44.  </form>
  45.  <div id="serverResponse"></div>
  46. </body>  
  47. </html>  

後台

  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Collections;
  5. using System.Web;
  6. using System.Web.Security;
  7. using System.Web.UI;
  8. using System.Web.UI.WebControls;
  9. using System.Web.UI.WebControls.WebParts;
  10. using System.Web.UI.HtmlControls;
  12. public partial class AjaxServe : System.Web.UI.Page
  13. {
  14.     protected void Page_Load(object sender, EventArgs e)
  15.     {
  16.         Hashtable ht = new Hashtable();
  18.         string name = Request.Params["name"].ToString();
  19.         string birth = Request.Params["birthday"].ToString();
  20.         if (!string.IsNullOrEmpty(name) && !string.IsNullOrEmpty(birth))
  21.         {
  22.             //Response.ContentType = "Application/json";
  23.             ht.Add("info", "成功了");
  24.             ht.Add("sta", "狀態");
  25.             ht.Add("name", name);
  26.             ht.Add("birth", birth);
  27.             Response.Write(CreateJsonParams(ht));
  28.         }
  29.         Response.End();
  30.     }
  31.     private string CreateJsonParams(Hashtable items)
  32.     {
  33.         string returnStr = "";
  34.         foreach(DictionaryEntry item in items)
  35.         {
  36.             returnStr += "/"" + item.Key.ToString() + "/":/"" + item.Value.ToString() + "/",";
  37.         }
  38.         return "{" + returnStr.Substring(0,returnStr.Length-1) + "}";
  39.     }
  40. }

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

相關關鍵詞：
ajax manual ajax payload w3s ajax ajax websocket ajax datagrid ajax settimeout ajax controls
相關文章
ajax入門指南（二）
ajax使用_雜類
jQuery ajax 檔案下載_ajax
AJAX各種實現方式比較_ajax
AJAX入門--- XMLHttpRequest對象的屬性和方法
解決spring-security session逾時 Ajax 請求沒有重新導向的問題

聯繫我們

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