1. 程式人生 > 其它 >Ajax用法

Ajax用法

Ajax是進行非同步處理請求的,非常好用

<script>
        $(function () {
            $(".del").click(function () {
                var $this = $(this);
                var id = $(this).attr("data-id");
                //id=1&name=2 表單資料
                $.ajax({
                    type: "post",//規定傳輸方式
                    url: "
./DelClass.ashx",//預設為當前頁地址 data: { cid: id },//提交的資料 success: function (res) { if (res == 1) { $this.closest("tr").remove(); } else { alert(res); } }, error: function (response) { console.log(response); } }); }) });
</script>

1,在$.ajax()方法中,包含
a. 請求引數列表data{ }
b. 成功回撥函式success:function(data){ }

2,type 可用型別主要為post和get兩種(預設為get)

a.get:從指定的資源請求資料(從伺服器讀取資料)
b.post:向指定的資源提交要被處理的資料(向伺服器提交資料)

3,data 請求的資料,{ }中可以填入多項資料。如果不填(一般為get請求),則讀取對應地址的全部資料,此時可以在console中通過console.log(res)顯示資料情況。
4,success 和 error 兩個函式 一般需要設定,方便確定請求是否成功,以及請求成功後的提示或是對資料的處理和顯示。