JQuery Ajax 请求小结

包括：$.load();  $.get(); $.post(); $.getJSON();$.getScript();

$.load("test.htm");表示加载test页面所有元素，即整个页面；

$.load("test.htm  .para");表示加载test页面中class为para元素的模块；

$.load("test.htm",{name:"1"},function(){});传参形式；

demo:

   $(document).ready(function () {
        $("#load").load("load.htm .load_div");
      $("#load").css("background-color", "red");
       
    });

$.get()与$.post()区别在于后者安全性高，且传输的字符量大；

通用形式为$.get("test.htm",{},function(){});

 demo:

$("#btnGet").click(function () {
        $.get("JqueryReceive.aspx", { name: $("#txtContext").val() }, function (data, textStatus) { $("#lblText").html(data); });
    });

注：只有在textStatus为success情况下才会执行回调函数；

$.getJSon()获取json数据

 $('#btnDis').click(function () {
        $.get("JqueryJson.aspx", "", function (data) {
            $.each(data, function (i) {
                var provice = data[i].pro;
                var html = '<p>' + provice + '</p>';
                $('#div_3').append(html);
            });
        }, "json");
    });

$.getScript()

demo: 

$("#btnClick").click(function () {
        $.getScript('http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js', function () {
            $("#div_1").animate({ backgroundColor: 'pink' }, 1000).animate({ backgroundColor: 'blue' }, 2000); ;
        });
    });