$(function () {

$(‘.out‘).click(function () {
$(‘#box‘).fadeOut(‘slow‘);
});

$(‘.in‘).click(function () {
$(‘#box‘).fadeIn(‘slow‘);
});

$(‘.toggle‘).click(function () {
$(‘#box‘).fadeToggle(‘slow‘);
});

$(‘.to‘).click(function () {
$(‘#box‘).fadeTo(‘slow‘, 0.33); //0-1之间
});

<input type="button" class="in" value="http://www.mamicode.com/淡入" />
<input type="button" class="out" value="http://www.mamicode.com/淡出" />
<input type="button" class="toggle" value="http://www.mamicode.com/切换" />
<input type="button" class="to" value="http://www.mamicode.com/透明度到" />

<div id="box">
box
</div>

$(function () {
/*
//异步加载数据
$(‘input‘).click(function () {
$(‘#box‘).load(‘test.html .url‘);
});
$(‘input‘).click(function () {
$(‘#box‘).load(‘test.php‘);
});

$(‘input‘).click(function () {
$(‘#box‘).load(‘test.php?url=ycku‘);
});

$(‘input‘).click(function () {
$(‘#box‘).load(‘test.php‘, {
url : ‘ycku‘
});
});

*/

$(‘input‘).click(function () {
$(‘#box‘).load(‘test.php‘, {
url : ‘ycku‘
}, function (response, status, xhr) {
//alert(response);
//$(‘#box‘).html(response +‘123‘);
//if (status == ‘success‘) {alert(‘成功后的处理‘);}
//alert(xhr.responseText);
//alert(xhr.responseXML);
//alert(xhr.status);
alert(xhr.statusText);
});
});
});

index.html

<input type="button" value="http://www.mamicode.com/异步加载数据" />
<div id="box"></div>

index.php

<?php
/*
if ($_GET[‘url‘] == ‘ycku‘) {
echo ‘瓢城Web俱乐部‘;
} else {
echo ‘木有！‘;
}
*/

if ($_POST[‘url‘] == ‘ycku‘) {
echo ‘瓢城Web俱乐部‘;
} else {
echo ‘木有！‘;
}

?>

$(function () {

/*
$(‘input‘).click(function () {
$.get(‘test.php?url=ycku‘, function (response, status, xhr) {
$(‘#box‘).html(response);
});
});

//通过直接在url问号紧跟传参

$(‘input‘).click(function () {
$.get(‘test.php‘, ‘url=ycku‘,function (response, status, xhr) {
$(‘#box‘).html(response);
});
});

//通过第二个参数data，字符串形式的键值对传参，然后自动转换为问号紧跟传参

$(‘input‘).click(function () {
$.get(‘test.php‘, {
url : ‘ycku‘
},function (response, status, xhr) {
$(‘#box‘).html(response);
});
});

//通过第二个参数data，对象形式的键值对传参，然后自动转换为问号紧跟传参

$(‘input‘).click(function () {
$.post(‘test.php?url=ycku‘, function (response, status, xhr) {
$(‘#box‘).html(response);
});
});

//post提交不能使用问号传参

$(‘input‘).click(function () {
$.post(‘test.php‘, ‘url=ycku‘,function (response, status, xhr) {
$(‘#box‘).html(response);
});
});

//post提交可以使用字符串形式的键值对传参，自动转换为http消息实体传参

$(‘input‘).click(function () {
$.post(‘test.php‘, {
url : ‘ycku‘
},function (response, status, xhr) {
$(‘#box‘).html(response);
});
});

//post提交可以使用对象键值对

$(‘input‘).click(function () {
$.post(‘test.php‘, {
url : ‘ycku‘
},function (response, status, xhr) {
$(‘#box‘).html(response);
}, ‘html‘); //PHP文件返回的数据是纯文本，默认是html或text
});


$(‘input‘).click(function () {
$.post(‘test.php‘, {
url : ‘ycku‘
},function (response, status, xhr) {
$(‘#box‘).html(response);
}, ‘json‘);
});

//本身是纯文本，如果强行按照xml或者json数据格式返回的话，那么就无法获取数据

$(‘input‘).click(function () {
$.post(‘test.xml‘,function (response, status, xhr) {
alert(response);
}, ‘html‘); //默认type就已经是xml
});


//如果默认已经是xml，强行设置为html，则会连xml标签也返回

$(‘input‘).click(function () {
$.post(‘test.xml‘,function (response, status, xhr) {
alert($(response).find(‘root‘).find(‘url‘).text());
});
});

$(‘input‘).click(function () {
$.post(‘test.json‘,function (response, status, xhr) {
alert(response[0].url);
});
});

$(‘input‘).click(function () {
$.getJSON(‘test.json‘,function (response, status, xhr) {
alert(response[0].url);
});
});
*/

$(‘input‘).click(function () {
$.getScript(‘test.js‘);
});

});