jquery移动Web应用程序开发(需要帮助)

时间:2013-05-27 10:23:44

标签: javascript json jquery jquery-mobile

任何人都可以告诉我如何使用jquery将数据发送到Web服务并从Web服务接收数据? 如果我们使用网络服务,我们是否需要使用网址来获取记录?

$j.ajax({
        type: "GET",
        url: "testing.json",
        dataType :'json',
        contentType:'application/json; charset =utf-8',
        success:function(data)
        {
        $j.each(data, function(index,element){
            $j('#json').append("<li class='ui-li ui-li-static ui-btn-up-c ui-corner-top ui-corner-bottom ui-li-last'>"+element+"</li>");
         });
        }
    })
});

我正在使用jQuery mobile开发Web应用程序。

2 个答案:

答案 0 :(得分:0)

  

任何人都可以告诉我如何使用jquery

将数据发送到Web服务

将它放在您传递的对象的data属性中,作为ajax()的第一个参数。

格式化数据的方式取决于特定的Web服务。

您现有的代码声称它将是JSON,因此传递给data的数据应该是JSON文本的字符串表示形式。

您需要将类型更改为POST才能执行此操作。 content-type请求标头描述了请求正文,但您没有收到GET请求之一。

(如果Web服务不希望接收JSON数据,那么您需要更改代码以表示 期望的任何内容。)

  

并从网络服务接收数据?

从第一个参数读取它到传递给success函数的回调函数。

如果它是已知的数据格式(XML,HTML或JSON),那么jQuery应该自动解析它。请注意,您有dataType: 'json',它将覆盖服务器发送回的任何内容,并尝试将其解析为JSON数据。

  

如果我们使用网络服务,我们是否需要使用网址来获取记录?

是。 URL是标识Web服务器端点的方式。

答案 1 :(得分:0)

使用jquery ajax调用从Web服务获取数据的一个小例子

function GetData() {

    $.ajax({
        type: "POST",
        url: "Members.asmx/GetMemberDetails",//your webservice call
        data: "{'MemberNumber': '" + $("#txt_id").val() + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: OnGetMemberSuccess,
        error: OnGetMemberError
    });
}

function OnGetMemberSuccess(data, status) {
    //jQuery code will go here...
}

function OnGetMemberError(request, status, error) {
    //jQuery code will go here...

 }

示例:Introduction to using jQuery with Web Services

相关问题