JQuery 笔记 $.load get post ajax

2020-12-13 16:05

阅读：356

标签：style blog http color get 文件

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,搜素材,soscw.com

JQuery 笔记 $.load get post ajax

标签：style blog http color get 文件

原文地址：http://www.cnblogs.com/gordensong/p/3797193.html

上一篇：api文档生成工具 C#

下一篇：js获取url传递参数值

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：JQuery 笔记 $.load get post ajax
文章链接：http://soscw.com/essay/35718.html

亲，登录后才可以留言！

JQuery 笔记 $.load get post ajax

评论

热门文章

推荐文章

最新文章

置顶文章