JQuery 笔记 $.load get post ajax

浏览数：24 / 时间：2015年06月09日

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,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

JQuery 笔记 $.load get post ajax