首頁 > 後端開發 > php教程 > 如何指定 jQuery AJAX 回呼中傳回的確切資料?

如何指定 jQuery AJAX 回呼中傳回的確切資料?

Linda Hamilton
發布: 2024-12-16 06:21:13
原創
643 人瀏覽過

How Can I Specify the Exact Data Returned in a jQuery AJAX Callback?

使用jQuery 進行AJAX 請求回調

在本文中,我們將討論如何使用jQuery 處理AJAX 回調,特別關注指定資料準確為返回。

背景

AJAX(非同步 JavaScript 和 XML)允許與伺服器進行非同步資料交換,使其成為更新網頁而無需重新載入整個頁面的理想選擇。 .done() 方法通常用於處理 AJAX 請求傳回的資料。

指定傳回的資料

假設您有一個 PHP 腳本,convertNum.php,使透過 AJAX 請求接收到的數字的值加倍。挑戰是僅返回加倍的數字,排除其他 HTML 標記。

使用單獨的 PHP 腳本

一個優雅的解決方案是創建一個單獨的 PHP 腳本,例如returnNumber.php,專門輸出加倍的數字。這樣可以讓程式碼井井有條,而且 PHP 處理與 AJAX 請求分開。

修訂後的代碼

這裡是修訂後的代碼代碼:

convertNu m.php

<?php
$num = $_POST['json'];
if (isset($num)) {
    // Send AJAX request to returnNumber.php
    $ch = curl_init('returnNumber.php');
    curl_setopt($ch, CURLOPT_POST, true);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $num);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    $doubledNum = curl_exec($ch);
    curl_close($ch);

    // Output the doubled number to the AJAX request
    echo $doubledNum;
}
登入後複製

returnNumber.php

<?php
if (isset($_POST['json'])) {
    $num = $_POST['json']['number'];
    if (isset($num))
        echo $num * 2;
}
登入後複製

AJAX Request

$.post("convertNum.php", {"json": json}).done(function (data) {
    // Process and use the returned doubled number here
    $('#numReturn').val(data);
});
登入後複製

這種方法的優點

  • 將 AJAX 請求處理與資料處理分開,使程式碼更有條理。
  • 可以重複用於其他僅需要特定資料值的 AJAX 請求return。
  • 避免在單一 PHP 腳本中使用複雜的 if 語句或其他解決方法。

結論

透過使用單獨的用於資料處理和AJAX回呼的PHP腳本,您可以有效地指定您希望接收的確切資料。此方法提高了程式碼的清晰度和靈活性,以便將來處理 Ajax 請求。

以上是如何指定 jQuery AJAX 回呼中傳回的確切資料?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板