jquery 實現頁面局部重新整理ajax做法

這個方法就多了去了，常見的有以下幾種；
下面介紹全頁面重新整理方法：有時候可能會用到
window.location.reload()重新整理當前頁面.
parent.location.reload()重新整理父親對象（用於架構）
opener.location.reload()重新整理父視窗對象（用於單開視窗）
top.location.reload()重新整理最頂端對象（用於多開視窗）

$.get方法，$.post方法，$.getJson方法,$.ajax方法如下

前兩種使用方法基本上一樣
複製代碼 代碼如下:

$.get(”Default.php教程”, {id:”1″, page: “2″ },
function(data){
//這裡是回調方法。返回data資料。這裡想怎麼處理就怎麼處理了。
});
 jQuery.post( url, [data], [callback], [type] ) ：使用POST方式來進行非同步請求

參數：

url (String) : 發送請求的URL地址.

data (Map) : (可選) 要發送給伺服器的資料，以 Key/value 的索引值對形式表示。

callback (Function) : (可選) 載入成功時回呼函數(只有當Response的返回狀態是success才是調用該方法)。

type (String) : (可選)官方的說明是：Type of data to be sent。其實應該為用戶端請求的類型(JSON,XML,等等)

這是一個簡單的 POST 請求功能以取代複雜 $.ajax 。請求成功時可調用回呼函數。如果需要在出錯時執行函數，請使用 $.ajax。範例程式碼：

Ajax.asp教程x：

Response.ContentType = "application/json";
Response.Write("{result: '" + Request["Name"] + ",你好！(這訊息來自伺服器)'}");
jQuery 代碼：
$.post("Ajax.aspx", { Action: "post", Name: "lulu" },
  function (data, textStatus){
   // data 可以是 xmlDoc, jsonObj, html, text, 等等.
   //this; // 這個Ajax請求的選項配置資訊，請參考jQuery.get()說到的this
   alert(data.result);
  }, "json");

$.getScript方法：
複製代碼 代碼如下:

$.getScript(”http://jqueryajax.com/jquery.js”,
function(){
$(”#go”).click(function(){//回調方法
$(”.block”).animate( { backgroundColor: ‘pink' }, 1000)
.animate( { backgroundColor: ‘blue' }, 1000);
});
});

$.getJson只是返回的資料類型不一樣
複製代碼 代碼如下:

$.getJson(”Default.php”, {id:”1″, page: “2″ },
function(data){
//注意，這裡返回的JSON資料引用方法為”data.info”,不明白的可以查一下json方面的教程。這裡就不解釋太多了
});

$.ajax 這個方法估計用的人很多吧。不過我不太喜歡用這個。個人覺得前面兩個更方便
複製代碼 代碼如下:

$.ajax({
type: “POST”, //提交的類型
url: “some.php”,//提交地址
data: “name=John&location=Boston”,//參數
success: function(msg){ //回調方法
alert( “Data Saved: ” + msg );//這裡是方法內容，和上面的get方法一樣
}
});

jQuery確實是一個挺好的輕量級的JS架構，能協助我們快速的開發JS應用，並在一定程度上改變了我們寫JavaScript代碼的習慣。

廢話少說，直接進入正題，我們先來看一些簡單的方法，這些方法都是對jQuery.ajax()進行封裝以方便我們使用的方法，當然，如果要處理複雜的邏輯，還是需要用到jQuery.ajax()的(這個後面會說到).

1. load( url, [data], [callback] ) ：載入遠程 HTML 檔案代碼並插入至 DOM 中。

url (String) : 請求的HTML頁的URL地址。

data (Map) : (選擇性參數) 發送至伺服器的 key/value 資料。

callback (Callback) : (選擇性參數) 請求完成時(不需要是success的)的回呼函數。

這個方法預設使用 GET 方式來傳遞的，如果[data]參數有傳遞資料進去，就會自動轉換為POST方式的。jQuery 1.2 中，可以指定選擇符，來篩選載入的 HTML 文檔，DOM 中將僅插入篩選出的 HTML 程式碼。文法形如 "url #some > selector"。

這個方法可以很方便的動態載入一些HTML檔案，例如表單。

範例程式碼：

$(".ajax.load").load("http://www.111cn.net .post",
  function (responseText, textStatus, XMLHttpRequest){
  this;//在這裡this指向的是當前的DOM對象，即$(".ajax.load")[0] 
  //alert(responseText);//請求返回的內容
  //alert(textStatus);//請求狀態：success，error
  //alert(XMLHttpRequest);//XMLHttpRequest對象
});