頁面加載時AJAX成功功能不起作用

Question

這是我在ajax中的代碼

function loadcountries()
              {
                var p = document.getElementById("selectCntry");

                while(p.firstChild)
                {
                  p.removeChild(p.firstChild);
                }
               var data = {
                        action: "loadccc"
                        };
                        jQuery.ajax
                        (
                          {
                            type: "POST",
                            url: "ajax-ows2.php",
                            dataType: 'json',
                            async:false,
                            data:data,
                            success: function(msg) 
                            {
                            alert(msg.test);                     
                            }
                          }
                        ); 

              }

這是我的ajax-ows2.php

<?php


$action = $_POST["action"];

include "dbconnect.php";

if($action == "loadccc")
{
    $var = $action;
    $response_array['test'] = $var;

    header('Content-type: application/json');
    echo json_encode($response_array);
}

?>

這是我的函數調用：

 <script>

  window.onload = loadcountries;

  </script>

我的ajax方式不一樣。 我真的不知道為什么加載頁面時它不會發出警報。 我真的確定我的ajax-ows2.php很好，並且我確定我的函數調用正確。 有人可以幫我這個忙嗎？ 這不是重復的。 我嘗試使用asynch：false，但仍然無法正常工作。

Answer 1

試試這種格式：

$.ajax({
    method: "POST",
    contentType: "application/json; charset=utf-8",
    data: data,
    url: 'ajax-ows2.php',
    success: function (data) {
        console.log(data);      
    },
    error: function (error){
        console.log(error);
    }
});

由於您正在執行POST方法，因此您的數據參數必須為字符串化， https：//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify