jquery實現Ajax的方法


1.$.ajax()

post請求:

$.ajax({
    //請求方式
    type:'POST',
    //發送請求的地址
    url:'fzz.php',
    //服務器返回的數據類型
    dataType:'json',
    //發送到服務器的數據,對象必須為key/value的格式,jquery會自動轉換為字符串格式
    data:{name:xxx,age:xxx},
    success:function(data){
        //請求成功函數內容
    },
    error:function(jqXHR){
        //請求失敗函數內容
    }
});

get請求:

$.ajax({
//請求方式
    type:'GET',
    //發送請求的地址以及傳輸的數據
    url:'fzz.php?number'+=xxx,
    //服務器返回的數據類型
    dataType:'json',
    success:function(data){
        //請求成功函數內容
    },
    error:function(jqXHR){
        //請求失敗函數內容
    }
});

2.$.get()

$.get('fzz.php',{
    //發送至服務器的數據,格式為key/value
    number:xxx  
},function(data){
    //請求成功時的callback
},'json');//json為返回內容的格式

3.$.post()

$.post('fzz.php',{
    //發送至服務器的數據,格式為key/value
    number:xxx  
},function(data){
    //請求成功時的callback
},'json');//json為返回內容的格式

4.load()方法

可以載入遠程HTML代碼並插入DOM中

//data為發送的key/value數據,可選填
//callback為請求完成的回調函數,可選無論請求成功或失敗都會調用
$('xxx').load('zyf.html',data,callback);

5.serialize()方法

1.serialize() 方法通過序列化表單值,創建 URL 編碼文本字符串。
2.serialize()作用於一個jQuery對象,能夠將DOM元素內容序列化為字符串,用於Ajax請求

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("div").text($("form").serialize()); }); }); </script>
</head>
<body>
<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>

<button>序列化表單值</button>
<div></div>
</body>
</html>

點擊后得到:  FirstName=Bill&LastName=Gates


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM