ajax插件使用教程,使用ajax()方法加载服务器数据

使用ajax()方法加载服务器数据

检测数字的奇偶性

• 请求输入一个数字

$(function () {

$("#btnCheck").bind("click", function () {

$.ajax({

?

data: { num: $("#txtNumber").val() },

?

success: function (data) {

$("ul").append("

你输入的 "

+ $("#txtNumber").val() + " 是 "

+ data + "

");

}

});

})

});

#divtest

{

width: 282px;

}

#divtest .title

{

padding: 8px;

background-color:Blue;

color:#fff;

height: 23px;

line-height: 23px;

font-size: 15px;

font-weight: bold;

}

ul

{

float: left;

width: 280px;

padding: 5px 0px;

margin: 0px;

font-size: 14px;

list-style-type: none;

}

ul li

{

float: left;

width: 280px;

height: 23px;

line-height: 23px;

padding: 3px 8px;

}

.fl

{

float: left;

}

.fr

{

float: right;

}