post() 方法經過 HTTP POST 請求從服務器載入數據。javascript
jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)html
參數 | 描述 |
---|---|
url | 必需。規定把請求發送到哪一個 URL。 |
data | 可選。映射或字符串值。規定連同請求發送到服務器的數據。 |
success(data, textStatus, jqXHR) | 可選。請求成功時執行的回調函數。 |
dataType | 可選。規定預期的服務器響應的數據類型。java 默認執行智能判斷(xml、json、script 或 html)。jquery |
項目中:
頁面代碼:json
<script src="${ctx}/js/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready( function() { //使用 Ajax 的方式 檢查分類名是否存在 $("#result").hide(); $("#name").keyup( function() { var url = '${ctx}/manage/example/gradeAjax.action'; //獲取表單值,並以json的數據形式保存到params中 var params = { name:$("#name").val() //上行結尾決對不加逗號(,)。若是加了在IE6下就不能運行實現了。 }; //alert(params.name); //使用$.post方式 $.post( url, //服務器要接受的url params, //傳遞的參數 function cbf(data){ //服務器返回後執行的函數 參數 data保存的就是服務器發送到客戶端的數據 var a = eval_r("("+data+")"); //包數據解析爲json 格式 //eval_r() 函數可計算某個字符串,並執行其中的的 JavaScript 碼 if(a.existed == "0"){ //$('#name').focus();// $('#name')[0].focus(); //$('#name').val($("#name").val()); $("#result").hide(); //setTimeout("$('#result').hide();",1000);//1秒 }else{$("#result").show();} }, 'json' //數據傳遞的類型 json ); }); }); </script>
<tr> <td class="item">班級名</td> <td><input type="text" id="name" name="name" /><span id="result" style="color:red;font-size:12;">班級名已存在</span></td> </tr>