AJAX筆記

摘要:AJAX筆記

JQUERY CH7 AJAX

l   Load

$(‘#div1’).Load(“網址”);   把網址那頁的內容都放DIV1內

        $(‘#div1’).Load(“網址 #content ”);

把網址那頁ID = content的內容取回放入本頁div1中

 

l   Serialize          把網頁元件選取內容加密

Var str = $(‘form’).serialize();

Str2 = decodeURI(str);

 

l   Changes (change) 都可以

$('#username').change(showdata);

Showdata是函式名稱 用法跟click一樣

        $('#username').change(function () {

            alert('123');

        });

 

l   SerializeArray  把網頁元素選取內容陣列化

var fileds = $('form').serializeArray();

            $.each(fileds, function (i, fileds) {

                $('#data1').append(fileds.value + ", ");

            });

 

l   Each用法

$.each(要被巡覽的物件名稱 ,  function(i , name){

                $('#data1').append(fileds.value + ", ");

});

i跟name名字都可以自己亂取

i表示為第幾項,從0開始

name是自定義名稱

.each()的第一個名稱是被巡覽的物件 有點像C# foreach的感覺。

 

l   Get方法

1.直接呼叫

            $.get('test1.html', function (data) {

                $('#div1').html(data);

            });

          2.傳值過去

                      $.get('test4.php', { 'username': 'Jack', 'password': '123456' }, function (data) {

                 $('#div2').html(data);

            });

                    參數的位置不能錯,比如說DATA跟FUNCTION的位置調換。