使用jQuery + authentification访问JSON Webservice

时间:2014-05-05 09:56:33

标签: jquery html json web-services http

我说的是我根本没有掌握的东西所以请原谅我,如果有些事情没有得到恰当的表达。

我必须编写一个HTML页面,它将作为连接到Web服务的接口,我将用它来使用jQuery检索JSON数据。

所以我拥有了我需要的所有信息(我的webservice的URL,密码和用户名),并且数据已经在WS上以JSON格式准备好了。我已经使用我在这里找到的代码尝试了一些东西,但到目前为止没有任何帮助我访问WS上的数据......

这是我尝试的代码:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title></title>
<script src="jquery-1.7.1.js" type="text/javascript"></script>
<script type="text/javascript">

$.ajaxSetup({
    beforeSend: function (xhr, settings) {
        var creds = {
            username: "user",
            password: "pass"
        };
        xhr.setRequestHeader("Authorization", "Basic " + btoa(creds.username + ":" + creds.password));
        return true;
    }
});

$.ajax({
    type: "GET",
    data: "{'prefix':''}",
    url: "http://aaaaa.com/aaaaa/ws/getListSortir.json",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: functionToCallWhenSucceed,
    failure: functionToCallWhenFailed
});

</script>
</head>

<body>
<br />
<input type="button" id="jsonButton" onclick="GetJson()" value="Envoyer requete" />
<br />
<br />
<div id="jsonData">
</div>
</body>
</html>

当我加载页面或点击按钮时没有任何反应(如果按钮实际分配给任何东西,我现在甚至都不会这样做。)

我真的很感激一些指导,以了解如何解决这个问题,

提前致谢。

0 个答案:

没有答案