Fatal编程技术网
  • javascript/
  • Javascript JSON数据和Ajax调用的URL

Javascript JSON数据和Ajax调用的URL

javascript ajax api

Javascript JSON数据和Ajax调用的URL,javascript,ajax,api,jsonp,Javascript,Ajax,Api,Jsonp,各位晚上好, 我正试图通过魔兽世界社区API检索JSON数据。我有一个功能正常的程序，在下面的代码片段中从URL检索所有数据，它实际上会提醒我的角色名 <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Wreckedified Raiding</title> <script type="text/javas

各位晚上好,

我正试图通过魔兽世界社区API检索JSON数据。我有一个功能正常的程序，在下面的代码片段中从URL检索所有数据，它实际上会提醒我的角色名

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Wreckedified Raiding</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script>
        $(document).ready(function(){
            $.ajax({
                "url":"http://us.battle.net/api/wow/character/aerie-peak/Eldershield?jsonp=myCallback",
                "type":"GET",
                "dataType":"jsonp",
                "contentType":"application/json",
                "jsonpCallback":"myCallback",
                "success":function(data){
                    console.log(data);
                    alert(data.name);
                }               
            })
            alert("Hello World!");
        });
    </script>
</head>
我确信有一个简单的解决方案涉及URL中的“？”或其他内容，但我尝试了几种变体，显然遗漏了一些内容

非常感谢大家抽出时间，并提前感谢您的帮助。

使用
data
选项指定AJAX调用中的参数。jQuery将正确地将它们添加到URL

        $.ajax({
            "url":"http://us.battle.net/api/wow/character/aerie-peak/Eldershield?jsonp=myCallback",
            "type":"GET",
            "data": { fields: "items" },
            "dataType":"jsonp",
            "contentType":"application/json",
            "jsonpCallback":"myCallback",
            "success":function(data){
                console.log(data);
                alert(data.name);
            }               
        })
如果您想自己做，URL应该是：

http://us.battle.net/api/wow/character/aerie-peak/Eldershield?fields=items&jsonp=myCallback

？
用于分隔脚本名称中的参数，
&
用于分隔每个参数。

使用
数据
选项指定AJAX调用中的参数。jQuery将正确地将它们添加到URL

        $.ajax({
            "url":"http://us.battle.net/api/wow/character/aerie-peak/Eldershield?jsonp=myCallback",
            "type":"GET",
            "data": { fields: "items" },
            "dataType":"jsonp",
            "contentType":"application/json",
            "jsonpCallback":"myCallback",
            "success":function(data){
                console.log(data);
                alert(data.name);
            }               
        })
如果您想自己做，URL应该是：

http://us.battle.net/api/wow/character/aerie-peak/Eldershield?fields=items&jsonp=myCallback

？
用于分隔脚本名称中的参数，
&
用于分隔每个参数。

使用
数据
选项指定AJAX调用中的参数。jQuery将正确地将它们添加到URL

        $.ajax({
            "url":"http://us.battle.net/api/wow/character/aerie-peak/Eldershield?jsonp=myCallback",
            "type":"GET",
            "data": { fields: "items" },
            "dataType":"jsonp",
            "contentType":"application/json",
            "jsonpCallback":"myCallback",
            "success":function(data){
                console.log(data);
                alert(data.name);
            }               
        })
如果您想自己做，URL应该是：

http://us.battle.net/api/wow/character/aerie-peak/Eldershield?fields=items&jsonp=myCallback

？
用于分隔脚本名称中的参数，
&
用于分隔每个参数。

使用
数据
选项指定AJAX调用中的参数。jQuery将正确地将它们添加到URL

        $.ajax({
            "url":"http://us.battle.net/api/wow/character/aerie-peak/Eldershield?jsonp=myCallback",
            "type":"GET",
            "data": { fields: "items" },
            "dataType":"jsonp",
            "contentType":"application/json",
            "jsonpCallback":"myCallback",
            "success":function(data){
                console.log(data);
                alert(data.name);
            }               
        })
如果您想自己做，URL应该是：

http://us.battle.net/api/wow/character/aerie-peak/Eldershield?fields=items&jsonp=myCallback

？
用于从脚本名称中分隔参数，
&
用于分隔每个参数。

以正确的方式格式化查询字符串并回答问题。 简言之，您可以使用
？
开始添加参数，然后构建参数并使用
&
继续添加。当我阅读url时，我将
？
读为
，其中
和
读为
和

DOMAIN.come/pagename.ext
？
para1=val1
&
para2=val2
&
para3=val3

但是，由于您将使用JQuery执行AJAX请求，因此它允许您将所有参数添加到AJAX对象中，并且它将使用
data
parameter为您构建它

例如：


$.ajax({
        "url":"http://exampleSite.com/request.php",
        "type":"GET",
        "data": {"para1":"val1","para2","val2", "para3","val3" },
        "dataType":"jsonp",
        "success":function(data){
            console.log(data);
        }               
    })


如果你检查你的开发者工具，你会发现浏览器提出了这个请求


http://exampleSite.com/request.php?para1=val1&para2=val2&para2=val2



以正确的方式设置查询字符串的格式并回答您的问题。
简言之，您可以使用
？
开始添加参数，然后构建参数并使用
&
继续添加。当我阅读url时，我将
？
读为
，其中
和
读为
和

DOMAIN.come/pagename.ext
？
para1=val1
&
para2=val2
&
para3=val3

但是，由于您将使用JQuery执行AJAX请求，因此它允许您将所有参数添加到AJAX对象中，并且它将使用
data
parameter为您构建它

例如：


$.ajax({
        "url":"http://exampleSite.com/request.php",
        "type":"GET",
        "data": {"para1":"val1","para2","val2", "para3","val3" },
        "dataType":"jsonp",
        "success":function(data){
            console.log(data);
        }               
    })


如果你检查你的开发者工具，你会发现浏览器提出了这个请求


http://exampleSite.com/request.php?para1=val1&para2=val2&para2=val2



以正确的方式设置查询字符串的格式并回答您的问题。
简言之，您可以使用
？
开始添加参数，然后构建参数并使用
&
继续添加。当我阅读url时，我将
？
读为
，其中
和
读为
和

DOMAIN.come/pagename.ext
？
para1=val1
&
para2=val2
&
para3=val3

但是，由于您将使用JQuery执行AJAX请求，因此它允许您将所有参数添加到AJAX对象中，并且它将使用
data
parameter为您构建它

例如：


$.ajax({
        "url":"http://exampleSite.com/request.php",
        "type":"GET",
        "data": {"para1":"val1","para2","val2", "para3","val3" },
        "dataType":"jsonp",
        "success":function(data){
            console.log(data);
        }               
    })


如果你检查你的开发者工具，你会发现浏览器提出了这个请求


http://exampleSite.com/request.php?para1=val1&para2=val2&para2=val2



以正确的方式设置查询字符串的格式并回答您的问题。
简言之，您可以使用
？
开始添加参数，然后构建参数并使用
&
继续添加。当我阅读url时，我将
？
读为
，其中
和
读为
和

DOMAIN.come/pagename.ext
？
para1=val1
&
para2=val2
&
para3=val3

但是，由于您将使用JQuery执行AJAX请求，因此它允许您将所有参数添加到AJAX对象中，并且它将使用
data
parameter为您构建它

例如：


$.ajax({
        "url":"http://exampleSite.com/request.php",
        "type":"GET",
        "data": {"para1":"val1","para2","val2", "para3","val3" },
        "dataType":"jsonp",
        "success":function(data){
            console.log(data);
        }               
    })


如果你检查你的开发者工具，你会发现浏览器提出了这个请求


http://exampleSite.com/request.php?para1=val1&para2=val2&para2=val2



您可以使用
&
，而不是
？
^^^^分离参数，如果在设置调用时使用
数据
参数，jquery将自动为您分离参数，如果在设置调用时使用
数据
参数，jquery将自动为您执行此操作。如果您使用
和
设置单独的参数，不
？
^^^^^^如果在设置调用时使用
数据
参数，jquery将自动为您执行此操作。如果在设置调用时使用
和
单独的参数，则不
？
^^^^^^并且如果您使用
数据
参数，jquery将自动为您执行此操作，你肯定已经纠正了我的错误，我肯定会把这个答案标记为正确的。如何更深入地了解JSON数据？当我提醒任何第一个键/值组合（如name）时，它都会起作用，但当我试图提醒“items”中的某些内容（如equipItemLevel）时，我仍然看不到结果？，（我尝试了