JQuery 笔记 $.load get post ajax

1. load  从服务器上获取静态文件

<div id="resText"></div>

$(‘resText‘).load(‘test.html‘, {a:1, b:2}, function(responseText, textStatus, XMLHttpRequest){
    // code here
})

2. get

$.get(url [,data] [,callback] [,type]){
    // url
    // data = {a:1, ...}
    // callback  自动将请求结果和状态传递给该方法
    // type : xml, html, script, json, text, _default
}

2.1 html

$(function(){
    $(‘#send‘).click(function(){
        $.get(‘get.php‘,
              {username:$(‘#username‘).val()},
              function(data, textStatus){
                $(‘#resText‘).html(data);
        });
    });
});

2.2 xml

$(function(){
    $(‘#send‘).click(function(){
        $.get(‘get.php‘,{},function(data, textStatus){
            var username = $(data).find(‘comment‘).attr(‘username‘);
            // ...
        });
    }, ‘xml‘);
});

2.3 json (json 格式必须严格,所有属性都须加双引号.)

$(function(){
    $(‘#send‘).click(function(){
        $.get(‘get.php‘,{},function(data, textStatus){
            var username = data.username;
        });
    },‘json‘);
});

3. $.getJson

$(function(){
    $.getJson(‘test.php‘, {}, function(data){
        $(‘#resText‘).empty();//清空内容
        var html = ‘‘;
        $.each(data, function(index, item){
            var username = item.username;
        });
    });
});

4. $.ajax( options)

$.ajax({
    type:‘GET‘,
    url: ‘test.php‘,
    dataType : ‘json‘,
    success : function(data){
        $.each(data, function(index, item){
            var user = item.username;
        });
    }
});

JQuery 笔记 $.load get post ajax