jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript庫(kù),它簡(jiǎn)化了HTML文檔操作、事件處理、動(dòng)畫(huà)效果和Ajax。Ajax指異步JavaScript和XML,是一種可以在瀏覽器和Web服務(wù)器之間傳輸數(shù)據(jù)的技術(shù)。在jQuery中,Ajax方法可以向服務(wù)器發(fā)送異步HTTP請(qǐng)求,從而實(shí)現(xiàn)與服務(wù)器進(jìn)行數(shù)據(jù)交互。
$.ajax({ url: "example.php", // 要發(fā)送請(qǐng)求的URL地址 type: "POST", // HTTP請(qǐng)求方法:GET或POST data: { name: "John", location: "Boston" }, // 發(fā)送到服務(wù)器的數(shù)據(jù) dataType: "json" // 預(yù)期服務(wù)器返回的數(shù)據(jù)類型,如JSON、XML、HTML、text等 }) .done(function( response ) { console.log( "Data received: " + JSON.stringify(response) ); // 請(qǐng)求成功后的回調(diào)函數(shù) }) .fail(function( jqXHR, textStatus ) { console.log( "Request failed: " + textStatus ); // 請(qǐng)求失敗后的回調(diào)函數(shù) });
上述代碼中,通過(guò)ajax方法向example.php發(fā)送POST請(qǐng)求,將name和location的值作為數(shù)據(jù)發(fā)送到服務(wù)器,并設(shè)置預(yù)期返回的數(shù)據(jù)類型為JSON。請(qǐng)求成功后會(huì)執(zhí)行.done()回調(diào)函數(shù),將服務(wù)器返回的數(shù)據(jù)在控制臺(tái)輸出,請(qǐng)求失敗則會(huì)執(zhí)行.fail()回調(diào)函數(shù),將失敗信息在控制臺(tái)輸出。
除了上述的ajax方法外,jQuery還提供了多個(gè)簡(jiǎn)化Ajax操作的方法,如簡(jiǎn)單的HTTP請(qǐng)求方法$.get()和$.post(),以及處理JSONP的方法$.getJSON()等。借助這些方法,開(kāi)發(fā)者可以更方便地進(jìn)行Ajax交互,提高Web應(yīng)用程序的用戶體驗(yàn)。