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); ;
});
});