JQuery 簡單的Ajax呼叫例項

2022-08-21 20:39:12 字數 1203 閱讀 4950

jquery確實方便,下面做個簡單的ajax呼叫:

建立乙個簡單的html檔案:

ajax改變內容

好了,點選按鈕就可以看到效果了。

當然,jquery的ajax呼叫可以控制項很多,這裡演示了簡單的呼叫。

注意你自己的jquery引用路徑。

好吧,做乙個呼叫後台的例子:

ajax改變內容

後台**:

<?php 

$msg='hello,'.$_post['name'].',your age is '.$_post['age'].'!';

echo $msg;

現在已經可以從後台來獲取資料了!

當然,我們還可以這樣來呼叫ajax:

ajax改變內容

注意,success: function(data)

中的data引數可以改為別的名稱,比如success: function(msg),msg(data)為返回的資料。 此處為**函式的引數,而非

data: "name=garfield&age=18"

中的ajax呼叫中的data引數。

jquery確實方便,下面做個簡單的ajax呼叫:

建立乙個簡單的html檔案:

ajax改變內容

好了,點選按鈕就可以看到效果了。

當然,jquery的ajax呼叫可以控制項很多,這裡演示了簡單的呼叫。

注意你自己的jquery引用路徑。

好吧,做乙個呼叫後台的例子:

ajax改變內容

後台**:

<?php 

$msg='hello,'.$_post['name'].',your age is '.$_post['age'].'!';

echo $msg;

現在已經可以從後台來獲取資料了!

當然,我們還可以這樣來呼叫ajax:

ajax改變內容

注意,success: function(data)

中的data引數可以改為別的名稱,比如success: function(msg),msg(data)為返回的資料。 此處為**函式的引數,而非

data: "name=garfield&age=18"

中的ajax呼叫中的data引數。

jquery呼叫ajax方法

格式一 ajax 引數 type 請求方式get post url 請求位址url async 是否非同步,預設是true表示非同步 data 傳送到伺服器的資料 datatype 預期伺服器返回的資料型別 contenttype 設定請求頭 success 請求成功時呼叫此函式 error 請求失...

jquery實現簡單的ajax上傳

頁面如下 是乙個彈出層,使用的是easyui js檔案如下 document ready function success function data 開啟 上傳視窗 function show upload uploadwin window open action層中新增屬性 private fi...

jQuery方式實現ajax介面呼叫

jquery為了我們能夠簡便的操作表單,設定了兩個方法用於對表單資料進行處理 1 serialize 可以將乙個表單的資料轉換為urlencoded形式的資料 還可以直接作為 ajax的引數使用 2 serializearray 可以將乙個表單的資料轉換為陣列形式 也可以直接作為 ajax的引數使用...