$.post()

定義和用法

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>
相關文章
相關標籤/搜索