jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化's Archiver

a19010120 發表於 2010-11-15 12:33

請教一下.如何用jq寫.當表單資料送出之後.改變圖片src??

[b]請教一下.如何用jq寫.當表單資料送出之後.改變圖片src??[/b]
我有一個login區塊.包括: 輸入帳號 / 輸入密碼 / 登入按鈕
我想在輸入完帳號/密碼.並按下登入之後.送出資料.並改變 登入按鈕的src..使之變成 登出按紐

aot 發表於 2010-11-19 23:28

[code] $(document).ready(function () { // 當頁面載入後
$("#登出按鈕").hide();// 這行是 先把登出按鈕隱藏

$("#登入按鈕").click(function () { // 當 登入按鈕 被點擊作後
$.ajax({
   type: "POST", // 有GET , POST etc...
   url: "要送到哪個網頁", // 請改成你的網頁
   data: "參數名稱1=參數1&參數2名稱=參數2", // 是你要傳送什麼數值給後端
   success: function(){  // 這行是傳送成功後作什麼事情
       $("#登入按鈕").fadeOut().hide(); // 登入按鈕漸漸消失
       $("#登出按鈕").fadeIn(); // 登出按鈕出現
   } // 關閉   success
}); // 關閉 ajax

}); // 關閉點擊登入按鈕 function


$("#登出按鈕").click(function () { // 當 登出按鈕 被點擊作後
$.ajax({
   type: "POST", // 有GET , POST etc...
   url: "要送到哪個網頁", // 請改成你的網頁
   data: "參數名稱1=參數1&參數2名稱=參數2", // 是你要傳送什麼數值給後端
   success: function(){  // 這行是傳送成功後作什麼事情

/// 你可能要關閉session 那之類的 之後再轉到一開始登入的畫面

   } // 關閉  success-function
}); // 關閉 ajax

}); // 關閉點擊登出按鈕 function

}); // 關閉頁面載入function [/code]你要把上面code裡面的 登入按鈕 還有 登出按鈕 改成你的 元素 id 就好了
像是[code]<img src ='xxx.jpg' id = 'aaaa' >
<img src ='xxx.jpg' id = 'bbbb' >[/code]

a19010120 發表於 2010-11-22 11:40

:loveliness:
感謝精闢的指導XD~趕快來研究一下

頁: [1]

Powered by Discuz! Archiver  © 2001-2009 Comsenz Inc.