DIV CSS 佈局教程網

<script type="text/javascript" language="javascript" src="JS/jquery-1[1].2.3.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){  //Jquery 頁面加載事件，當頁面加載之後首先執行這個方法
  
  //第一種Ajax請求
  $.ajax({
    type:"GET",    //請求類型，有get,post等類型，和表單提交是一樣的
    url:"Result.aspx", //請求處理的頁面,就是說由那個頁面捕獲請求，同樣這個路徑可以換成ashx，一般處理程序
    data: "name=John&location=Boston", //傳遞參數，實在就是(Result.aspx?name=John&loaciton=Boston)
    success:function(msg){ //請求成功會由這個方法處理，其中請求成功返回值由msg接收
      $("#ajaxDIV").text(msg);
    }
  });
  
  
  //第二種請求
  $.get(               //用get請求方式，其實就是上一種的變體
    "Handler.ashx",   
    {name:"笨笨熊",sex:"女"}, //要傳遞的參數,解析為(Handler.ashx?name=笨笨熊&sex=女)
    function(msg){       //請求返回參數
      $("#Div1").text(msg);
    }
  );
  
  //第三種請求
  $.post(               //這種請求的上一種是一樣的，只是請求方式不同
    "Handler2.ashx",
    {name:"benben 笨笨熊",sex:"女"},
    function(msg){
      $("#Div2").text(msg);
    }
  );
  
  
  //第四種請求
  $.getJSON(             //這種是用JSON 實現的，JSON是一種通用的數據格式
    "Handler3.ashx",  //路徑
    {name:"aaa"},   //傳遞參數
    function (data){  //回調處理函數 返回的就是json數據格式，由data接收這串數據
      var str="";     //下面就是解析這些數據，具體接送的使用但不做考慮，設計內容很多，一時無法講解
      str+="姓名:  "+data.name+"<br/>";
      str+="性別:  "+data.sex+"<br/>";
      str+="地址:  "+data.address+"<br/>";
      $("#Div3").html(str);
    }
  );
});
</script>