jquery移动web应用开发（需要帮助）

Posted 2023-05-09

【中文标题】jquery移动web应用开发（需要帮助）

【英文标题】：jquery mobile web application developement( need help)

【发布时间】：2013-05-22 04:28:31

【问题描述】：

谁能告诉我如何使用 jquery 向 Web 服务发送数据并从 Web 服务接收数据？ 如果我们使用网络服务，我们是否需要使用 url 来获取记录？

$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 应用程序。

【参考方案1】：

谁能告诉我如何使用jquery将数据发送到网络服务

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

如何格式化数据取决于特定的网络服务。

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

您需要将类型更改为POST 才能执行此操作。 content-type 请求标头描述了请求正文，而您不会得到带有 GET 请求的标头之一。

（如果 Web 服务不希望接收 JSON 数据，那么您将需要更改代码以表示它所做 期望的任何内容）。

并从网络服务接收数据？

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

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

如果我们使用网络服务，我们是否需要使用 url 来获取记录？

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

【参考方案2】：

一个使用 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