jquery - 显示来自 Web 服务的数据

Question

$.ajax(
        {
            url:"http://date.jsontest.com",
            type:"GET",             
            accepts:"utf-8",
            success: function(data){

                    navigator.notification.alert("successful"+data.toString());

            },
            error: function(){
                    navigator.notification.alert("Unsuccessful");
            }
        });

上面的代码不显示来自 Web 服务的数据。它只显示一个带有“成功”字符串的警报框。

我将如何解决这个问题？

Answer 1

您只需要将dataType添加到您的 ajax 调用中，例如：

dataType: "json",

并且您应该能够以成功的方法获取数据，例如：

console.log("successful: " + data.time);
alert("successful: " + data.time);

实际上，您的 ajax 调用会产生以下结果：

{
   "time": "10:21:31 AM",
   "milliseconds_since_epoch": 1368440491978,
   "date": "05-13-2013"
}

我刚刚在警报中获得时间，您也可以通过类似方式获取其他值。

Answer 2

这对我有用...

function getTest() {
       $.ajax({
           type: 'GET',
           contentType: "application/json; charset=utf-8",
           dataType: 'jsonp',
           url: 'http://date.jsontest.com?callback=?',
           data: '{}',
           success: function (data) {

              alert(data.date);

           },
           error: function (a) {
               alert(a.responseText);
           }
       });
   }

Answer 3

尝试使用 json 数据类型。如果你得到响应数组。只需使用 json_encode 函数对数组进行编码，例如 echo json_encode(array); 并在成功 msg 尝试使用 . 所以data.index1，data.index2

$.ajax({
            cache : false,
            type : 'GET',
            url : "URL",
            dataType : "json",
            success : function(data) {
                             alert(data.index);
            },

            error : function(xhr, ajaxOptions, thrownError) {
            }
        });

Answer 4

尝试像这样使用

$.ajax({
            cache : false,
            type : 'GET',
            async : false,
            url : "URL",
            data : "<hello></hello>",
            dataType : "xml",
            success : function(xml) {
                var endUser = $(xml).find('Username').eq(0).text();
                var admin = $(xml).find('Username').eq(1).text();
                var endUserPassword = $(xml).find('Password').eq(0).text();
                var adminPassword = $(xml).find('Password').eq(1).text();
                checkLogin(endUser, endUserPassword);
            },

            error : function(xhr, ajaxOptions, thrownError) {
                alert("Error while loading the Service !!!");
                $.mobile.loading('hide');
            }
        });

Answer 5

在您的成功功能中，使用：

$('.ajax_content').html(data);

这将在 ID 为 ajax_content 的 div 中显示内容，因此显然更改 ID 或创建 ajax_content div。