jquery如何實現ajax技術1：$.ajax()
來源：懂視網
責編：小采
時間：2020-11-27 20:28:02
jquery如何實現ajax技術1：$.ajax()
jquery如何實現ajax技術1：$.ajax():ajax技術在web開發中是非常重要的。在早期的js中如果需要完成異步傳輸的效果，需要判斷瀏覽器、虛擬訪問文件、監控、獲取返回值等一系列非常繁瑣的操作。但是在jQuery中，為我們提供了非常簡單的幾個函數，讓我們輕松實現ajax的功能。在接下來的幾篇文章中，
導讀jquery如何實現ajax技術1：$.ajax():ajax技術在web開發中是非常重要的。在早期的js中如果需要完成異步傳輸的效果，需要判斷瀏覽器、虛擬訪問文件、監控、獲取返回值等一系列非常繁瑣的操作。但是在jQuery中，為我們提供了非常簡單的幾個函數，讓我們輕松實現ajax的功能。在接下來的幾篇文章中，
ajax技術在web開發中是非常重要的。在早期的js中如果需要完成異步傳輸的效果，需要判斷瀏覽器、虛擬訪問文件、監控、獲取返回值等一系列非常繁瑣的操作。但是在jQuery中，為我們提供了非常簡單的幾個函數，讓我們輕松實現ajax的功能。在接下來的幾篇文章中，我們將一一介紹這些函數。
首先，我們下來介紹$.ajax。該方法是 jQuery 底層 AJAX 實現。
通常的語法為：
$.ajax([settings])//settings是$.ajax()方法的參數，是用于配置 Ajax 請求的鍵值對集合。
下面我們一一介紹一些$.ajax()中比較重要的幾個參數
url---發送請求的地址
type---請求方式 ("POST" 或 "GET")
timeout---設置請求超時時間（毫秒）
async---(默認: true) 異步請求。
Data---發送的參數可以是json類型
dataType---返回的數據類型：xml,html,json,txt
success---成功后可以返回function(data,st){}
實際例子如下：
================================================================
ajax.html
<html>
<head>
<title>$.ajax的應用</title>
<script type="text/javascript" language="javascript" src="./js/jquery.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$('#bot_1').click(function(){
$.ajax({
type: "POST",
url: "ajax.php",
data: {web:"mysql100"},
success:function(data, st){$("div").html(data);}
});
})
})
</script>
</head>
<center><h2>$.ajax的應用</h2></center>
<center><div>這是需要顯示的地方</div></center>
<center><button id="bot_1">點擊我吧</button></center>
</html>
================================================================
ajax.php
<?php
echo '您要訪問的網站是'.$_POST['web'];
?>
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jquery如何實現ajax技術1：$.ajax()
jquery如何實現ajax技術1：$.ajax():ajax技術在web開發中是非常重要的。在早期的js中如果需要完成異步傳輸的效果，需要判斷瀏覽器、虛擬訪問文件、監控、獲取返回值等一系列非常繁瑣的操作。但是在jQuery中，為我們提供了非常簡單的幾個函數，讓我們輕松實現ajax的功能。在接下來的幾篇文章中，
