custom.js

完整的代码

$(document).ready(function() {

	$('#send_ajax').click(function() {

				var params = $('input').serialize();// 序列化表单的值，与prototype中的form.serialize()
				$.ajax({

					url : 'ajax_test.jsp',
					type : 'post',
					dataType : 'json',
					data : params,// 要传递的数据
					success : update_page
						// 回传函数(这里是函数名)

					});
			});

	// $.post()方式：
	$('#test_post').click(function() {

		$.post('ajax_test.jsp', {
					username : $('#input1').val(),
					age : $('#input2').val(),
					sex : $('#input3').val(),
					job : $('#input4').val()
				}, function(data) {

					var myjson = '';
					eval('myjson=' + data + ';');
					$('#result').html("姓名：" + myjson['mysjon'].username + "<br/>工作："
							+ myjson['mysjon']['job']);

				});
	});
	// $.get()方式：
	$('#test_get').click(function() {

				$.get('ajax_test.jsp', {
							username : $('#input1').val(),
							age : $('#input2').val(),
							sex : $('#input3').val(),
							job : $('#input4').val()
						}, function(data) {

							var myjson = '';
							eval("myjson=" + data + ";");
							$("#result").html(myjson['mysjon'].job);
						});
			});
});
function update_page(myjson) {
	
	var str ;
	 
	str = "姓名：" + myjson['mysjon'].username + "<br/>";
	str += "年龄：" +myjson['mysjon'].age  + "<br/>";
	str += "性别：" + myjson['mysjon'].sex + "<br/>";
	str += "工作：" + myjson['mysjon'].job + "<br/>";
	$("#result").html(str);
	 }