PhoneGap中文网

 找回密码
 立即注册
查看: 13274|回复: 2
打印 上一主题 下一主题

各位朋友jQuery Mobile ajax 动态加载数据怎么没效果了?

[复制链接]

7

主题

25

帖子

173

积分

注册会员

Rank: 2

积分
173
跳转到指定楼层
楼主
发表于 2015-5-31 10:43:34 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式


        $(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">
            <!-- <h4>页面脚注</h4>-->
            <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, 下载次数: 284)

未命名-1.png
回复

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
沙发
发表于 2015-5-31 10:48:35 | 只看该作者
加载远程数据涉及到跨域问题

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


这个里面的对应教程看看 或者看看源码
回复 支持 反对

使用道具 举报

7

主题

25

帖子

173

积分

注册会员

Rank: 2

积分
173
板凳
 楼主| 发表于 2015-5-31 16:53:13 | 只看该作者
谢谢,已经搞定了!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-5 20:33 , Processed in 0.045561 second(s), 30 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表