【问题标题】:jquery mobile web application developement( need help)jquery移动web应用开发(需要帮助)
【发布时间】: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 应用程序。

【问题讨论】:

    标签: javascript json jquery jquery-mobile


    【解决方案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

      【讨论】:

        猜你喜欢
        • 2011-09-09
        • 1970-01-01
        • 1970-01-01
        • 2012-10-22
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-03-11
        • 2021-09-26
        相关资源
        最近更新 更多