Question

我是一个新手开发人员试图构建一个使用nutrition .x公共APIS的网络应用程序。我有以下Javascript来获取Cheddar Cheese＆＃39;

的脂肪含量

<script>
function loadXMLDoc()
{
    var xmlhttp;
    if (window.XMLHttpRequest)
    {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            var responseTxt = xmlhttp.responseText;
            var obj = JSON.parse(responseTxt);
            document.getElementById("myDiv").innerHTML=obj.hits[0].fields.nf_total_fat;
        }
    }

    xmlhttp.open("GET","https://api.nutritionix.com/v1_1/search/cheddar%20cheese? fields=item_name%2Citem_id%2Cbrand_name%2Cnf_calories%2Cnf_total_fat&appId=XYZ&appKey=XYZ",true);
    xmlhttp.send(); // works!
</script>

当我尝试使用POST时，它不起作用（我怀疑发送参数的请求格式不正确）

    // What I tried:
    // xmlhttp.open("POST","https://api.nutritionix.com/v1_1/search",true);
    // xmlhttp.setRequestHeader("Content-type","application/json");
    // xmlhttp.send("{"appId":"XYZ", "appKey":"XYZ","query":"Cheddar Cheese"}");

如何正确地将Json对象发送到在Javascript中使用POST请求它的服务器？ API文档提供以下示例：

curl -XPOST https://api.nutritionix.com/v1_1/search -H 'Content-Type: application/json' -d'
{
     "appId":"YOUR_API_ID",
     "appKey":"YOUR_API_KEY",
     "query":"Cookies `n Cream"
}'

是否有必要使用curl或php或javascript足够？理想情况下，我想要的东西与我尝试的一致。感谢您阅读：）

Answer 1

由于它是HTTP API请求，您可以直接调用它。使用 Jquery 的$.getJSON方法。这对我有用。

$.getJSON("https://api.nutritionix.com/v1_1/search/Macdonald's?results=0%3A20&cal_min=0&cal_max=50000&appId=2629576d&appKey=YOUR_API_KEY_HERE", function(data2)
{
  alert(data2.total_hits);
}).fail(function(jqXHR, status, error)
{
 alert("error...!");
});

Answer 2

当您需要通过POST发送数据时，您必须设置这样的数据

xmlhttp.send("appId=XYZ&appKey=XYZ&query=Cheddar Cheese");

在php中你会得到这样的数据：

echo $_POST['appId'] ; // shows XYZ
echo $_POST['appKey'] ; // shows XYZ
echo $_POST['query'] ; // shows Cheddar Cheese

如果你需要以json的形式发送数据，你只需要这样做

xmlhttp.send('data={"appId":"XYZ", "appKey":"XYZ","query":"Cheddar Cheese"}');

在你的php文件中，你会得到像这样的结果

$Data = json_decode($_SESSION['data']);
echo $Data->appId; // shows XYZ
echo $Data->appKey; // shows XYZ
echo $Data->query; // shows Cheddar Cheese

使用POST请求AJAX发送json对象

2 个答案: