                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)(五)一Ajax應(yīng)用與常用插件

ajax 效果出不來？？

?<!DOCTYPE?html>
<html>

<head?lang="zh">
????<meta?charset="UTF-8">
????<title>使用ajax()方法加載服務(wù)器數(shù)據(jù)</title>
????<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js

"?type="text/javascript"></script>
????<script?type="text/javascript"?src="../js/jquery-1.7.2.min.js"></script>
????<style?type="text/css">
????????#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;
????}</style>
</head>

<body>
<div?id="divtest">
????<div?class="title">
????????<span?class="fl">檢測數(shù)字的奇偶性</span>
????????????????<span?class="fr">
????????????????????<input?id="btnCheck"?type="button"?value="檢測"?/>
????????????????</span>
????</div>
????<ul>
????????<li>請求輸入一個數(shù)字
????????????<input?id="txtNumber"?type="text"?size="12"?/>
????????</li>
????</ul>
</div>

<script?type="text/javascript">
????$(function?()?{
????????$("#btnCheck").bind("click",?function?()?{
????????????$.ajax({
????????????????url:'http://idcbgp.cn/data/check.php',
????????????????data:{?num:?$("#txtNumber").val()},
????????????????dataType:"json",
????????????????type:'post',
????????????????success:?function?(data)?{
????????????????????$("ul").append("<li>你輸入的<b>"?+?$("#txtNumber").val()?+?"?</b>是<b>?"?+?data?+?"</b></li>");
????????????????}
????????????});
????????});
????})
</script>
</body>
</html>?