Jquery Ajax是一個非常常用的Web開發(fā)技術(shù),它可以讓我們在不刷新整個頁面的情況下向服務(wù)器請求數(shù)據(jù),并且可以將返回的數(shù)據(jù)動態(tài)的更新在頁面上。下面是一些常用的Jquery Ajax實例:
//發(fā)送GET請求,并返回數(shù)據(jù) $.ajax({ url: "test.php", type: "GET", data: { name: "John", location: "Boston" }, success: function(data){ //處理返回的數(shù)據(jù) console.log(data); } }); //發(fā)送POST請求,并返回數(shù)據(jù) $.ajax({ url: "test.php", type: "POST", data: { name: "John", location: "Boston" }, success: function(data){ //處理返回的數(shù)據(jù) console.log(data); } }); //使用JSON格式發(fā)送數(shù)據(jù),并返回JSON格式的數(shù)據(jù) $.ajax({ url: "test.php", type: "POST", dataType: "json", data: { name: "John", location: "Boston" }, success: function(data){ //處理返回的JSON格式的數(shù)據(jù) console.log(data.name); console.log(data.location); } }); //上傳文件 var formData = new FormData(); formData.append("file", fileInput.files[0]); $.ajax({ url: "upload.php", type: "POST", data: formData, processData: false, contentType: false, success:function(data){ //處理返回的數(shù)據(jù) console.log(data); } }); //超時處理 $.ajax({ url: "test.php", type: "GET", timeout: 2000, //超時時間為2秒 success: function(data){ //處理返回的數(shù)據(jù) console.log(data); }, error: function(xhr, status, error){ //超時后的處理方法 console.log("Timeout"); } });