在前端開發(fā)中,經(jīng)常需要向服務(wù)器端請(qǐng)求圖片,并展示在頁面上。使用jQuery ajax提供的方法,可以方便地完成這個(gè)任務(wù)。
// 使用jQuery ajax請(qǐng)求圖片 $.ajax({ url: 'path/to/image.jpg', type: 'GET', dataType: 'image/jpeg', // 返回的數(shù)據(jù)類型為圖片 success: function(data) { // 將返回的圖片在頁面上展示 $('body').append(''); } });
其中,url參數(shù)填寫請(qǐng)求的圖片路徑。type參數(shù)填寫發(fā)送請(qǐng)求的方法(本例中為GET)。dataType參數(shù)填寫返回的數(shù)據(jù)類型,這里設(shè)置為image/jpeg表示返回的是圖片文件。success函數(shù)在請(qǐng)求成功后執(zhí)行,data參數(shù)即為返回的圖片數(shù)據(jù)。我們可以將圖片數(shù)據(jù)以標(biāo)簽的形式添加到頁面上。
通過上述代碼可以成功實(shí)現(xiàn)在頁面上展示請(qǐng)求的圖片。