ここの文字が変わるよ

以下は上の動作のソースの中身と解説

$(function(){
	$("#button").click(function(){
	
	コメントの箇所は古い書き方
//		$.ajax({
//		type: 'GET',
//		url: 'test.html',
//		data:{
//			'data1':'test',
//		},
//		datatype: 'json',
//		success: function(data){
//			$("#target").text(data);
//		},
//		error: function(){
//			alert('error');
//		}
//		});


		$.ajax({				// Ajaxをつかう
								// この()の中でをオプションを設定
			type: 'POST',
			url: "test.html"	// URL指定 最新情報を投げ返してくるという体でtest.htmlにアクセス
		})
		.then(
			function (data) {	// このデータの中にtest.htmlから送られた内容がある
				$("#target").text(data);	// 適当にpタグに入れる。
			},
			function () {		// こっち側は失敗した時の処理、最近はすごく便利ね
			alert("読み込み失敗");
		});
	});
});