PhoneGap中文网

标题: 各位朋友jQuery Mobile ajax 动态加载数据怎么没效果了？ [打印本页]

作者: jbxp 时间: 2015-5-31 10:43
标题: 各位朋友jQuery Mobile ajax 动态加载数据怎么没效果了？

      $(function() {
         var id = request("filter");
         $("#details").trigger("create");
         $.ajax({
            type: "get",
            async: false,
            url: "http://221.214.164.186:8081/GPSMobile/getCurrGPSInfo.do",
            dataType: "jsonp",
            jsonp: "callbackparam", //服务端用于接收callback调用的function名的参数
            jsonpCallback: "success_jsonpCallback", //callback的function名称
            data: { filter: id },
            success: function(json) {
                  $("#details").html("");
                  str = "<ul data-role='listview'><li data-role='list-divider' id='title'>车辆详细信息</li>";
                  str += "<li><a href='#'><h2>车辆手机号码：</h2><p>" + json[0].terminalPhone + "</p></a></li>";
                  str += "<li><a href='#'><h2>车辆授权码：</h2><p>" + json[0].authorizationCode + "</p></a></li>";
                  str += "<li><a href='#'><h2>所经度：</h2><p>" + json[0].longitude + "</p></a></li>";
                  str += "<li><a href='#'><h2>所在纬度：</h2><p>" + json[0].latitude + "</p></a></li>";
                  str += "</ul>";
                  $("#details").html(str);

            },
            error: function() {
                  alert('数据接收失败');
            }
         });

      });
<div data-role="page" id="page">
      <div data-role="header" data-position="fixed" data-mini="true">
         <h1>车辆信息详情</h1>
      </div>
      <div data-role="content" id="details">

      </div>
      <div data-role="footer" data-position="fixed" data-mini="true">
         
         <div data-role="navbar">
            <ul>
                  <li><a href="#">当前车辆位置</a></li>
                  <li><a href="#">车辆状况列表</a></li>
                  <li><a href="#">司机上报</a></li>
            </ul>
         </div>
      </div>
</div>

未命名-1.png (66.09 KB, 下载次数: 288)

作者: admin 时间: 2015-5-31 10:48
加载远程数据涉及到跨域问题

http://bbs.phonegap100.com/thread-516-1-1.html

这个里面的对应教程看看或者看看源码

作者: jbxp 时间: 2015-5-31 16:53
谢谢，已经搞定了！

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)