ajax是一種用于在前端與后端進行數據交互的技術，通過使用ajax，我們可以在不刷新整個頁面的情況下，從后端拿到數據并在前端進行展示。下面就讓我們一起來看看如何使用ajax將數據拿到外面。
假設我們有一個簡單的網頁應用，其中有一個輸入框和一個按鈕，當用戶在輸入框中輸入關鍵字，并點擊按鈕后，我們希望通過ajax從后端獲取與關鍵字相關的數據，并將其展示在網頁上。
首先，我們需要引入jquery庫，因為jquery提供了簡單易用的ajax方法。我們可以在網頁的head標簽中加入以下代碼:

html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

接下來，我們需要編寫一段javascript代碼來處理ajax請求。我們可以將其放在script標簽中，置于head標簽的后面。下面是一個示例代碼：

html
<script>
$(document).ready(function(){
$("#search_button").click(function(){
var keyword = $("#keyword_input").val(); // 獲取輸入框中的關鍵字
$.ajax({
url: "backend.php", // 后端處理數據的地址
method: "POST", // 請求方法為POST
data: {keyword: keyword}, // 向后端傳遞關鍵字數據
success: function(data){
$("#result_div").html(data); // 將返回的數據展示在id為result_div的元素中
}
});
});
});
</script>

在這段代碼中，我們使用了jquery的.ready()方法來確保整個網頁加載完成后再執行ajax請求。當用戶點擊按鈕時，通過jquery的click()方法來監聽事件。獲取輸入框中的關鍵字并儲存在變量keyword中。
接下來，我們使用$.ajax()方法來發送ajax請求。其中，url參數指定了后端處理數據的地址（此處假設為backend.php），method參數指定了請求方法為POST，data參數用于向后端傳遞關鍵字數據。
當后端處理數據完成后，會返回一些數據給前端。在success參數中，我們通過回調函數來處理返回的數據。這里使用了$("#result_div").html(data)將返回的數據展示在id為result_div的元素中。
在上述代碼中，我們假設后端的處理文件為backend.php。下面是后端處理代碼的一個簡單示例：

php
$keyword = $_POST['keyword']; // 獲取前端傳遞的關鍵字數據
// 進行相關處理，比如從數據庫中查詢數據等
$result = "根據關鍵字 ".$keyword." 查詢到的數據";
echo $result; // 返回處理結果給前端

在上面的PHP代碼中，我們通過$_POST['keyword']獲取前端傳遞的關鍵字數據，并進行相關處理，比如從數據庫中查詢相關數據。最后，通過echo語句將處理結果返回給前端。
通過上述代碼，當用戶在輸入框中輸入關鍵字并點擊按鈕后，前端會通過ajax請求將關鍵字發送給后端進行處理。后端處理完數據后，將結果返回給前端顯示在網頁上。
總結一下，通過ajax我們可以實現前后端數據的交互，使網頁的數據獲取更加靈活和便捷。通過舉例說明，我們展示了如何使用ajax將數據拿到外面，并在網頁上進行展示。希望本篇文章對您的學習有所幫助。