提问题问,关于pajax 的使用,我想问个问题~第一次实际使用~


我使用的是jfinal 的自带模板,类似freemarker 如果我请求一个导航模块
如本站的问答,然后头部和尾部都是_layout.html 中,中间一个main导入另外一个模板
我的意思就是点击问答,使用pajax
1·、比如中间如果不同html结构,就返回一个wenda.html 替换中间main的模板
2.如果div结构一样(比如此站) 就返回一个json就好了这样节省流量和时间

问题来了,如果返回一个一个html 我怎么后台把html返回呢?

json的话直接返回到对应页面就可以用模板语法渲染
return jsonStr;

如果我返回一个html模板,我后台就相当于跳转了一个页面,貌似会执行刷新页面,不可能
setAttr("contents", "wenda.html");

拿到底返回一个html改如何替换到contents呢?和title或者什么变量

document.addEventListener('DOMContentLoaded', function() {
var pjax = new Pjax({
elements: 'a.pjax',
selectors: [
'title',
'#content'
]
});
});

#Jfinal# #pajax#
追加内容 2017-03-18 01:16:18
因为你本站用的是php,本人php暂时没用过,了解不深

所以还没看出你这个返回htm页面和放回json的时候是怎么实现的

评论3



  • 问题通过我的实践已经解决,知道什么情况了~就算模板也当div替换了
    2017-03-18 03:08:24 回复

  • document.addEventListener('DOMContentLoaded', function() {
    var pjax = new Pjax({
    elements: 'a.pjax',
    selectors: [
    'title',
    '#content'
    ]
    });
    });

    使用要注意的细节地方:

    <script type="text/javascript">
      jkl.renderingElement('js','/res/js/index.js');
    </script>

    第一,当被替换的页面需要动态加入js的时候,上面那句必须放入 #content 被替换的div内才能被加载到。我就被自己坑了

    第二,不仔细的原因没发现 js必须放入head 所以一直在
    var head = document.head || document.getElementsByTagName('head')[0];
    var element = '';
    if(type == 'js'){
    element = document.createElement('script');
    element.type = 'text/javascript';
    element.src = url;
    }
    else if(type == 'css'){
    var element = document.createElement('link');
    element.href = url;
    element.rel = 'stylesheet';
    element.type = 'text/css';
    }

    找不到var head = document.head || document.getElementsByTagName('head')[0]; head
    (⌒▽⌒)(泣)
    2017-03-21 23:03:49 回复
  • 研究的比我深,其实我不是太懂js哈哈。
    2017-03-23 10:59:07 回复
评论请先登录

最近热帖

  1. 谁能超过我 222179
  2. 我才是第一名 38453
  3. 本站源码easyQA下载地址及安装配置文档 6305
  4. 百度的无刷新搜索,并不仅仅是使用了ajax,还有它的功劳! 4588
  5. 本站用的是什么富文本编辑器呢? 3315
  6. 本站源码下载及安装配置教程 2974
  7. (● ̄(エ) ̄●) 恳请大家不要发布无意义的测试帖子吧,测试也可以发有意义的文字呀 2933
  8. 我把它改成潮流分享的社区了。。。囧 2600
  9. 关于thinkphp图片上传插件,ajax+无刷新。 2528
  10. Apache2.x下websocket加密协议wss解决方案 2101

近期热议

  1. 本站源码easyQA下载地址及安装配置文档 56
  2. (● ̄(エ) ̄●) 恳请大家不要发布无意义的测试帖子吧,测试也可以发有意义的文字呀 24
  3. 社区新使用了又拍云来存储图片,测试一下上传图片 18
  4. 仔细从V型注册v 18
  5. 本站源码下载及安装配置教程 17
  6. 提问与回答增加上传图片、添加代码、表情、颜表情功能 15
  7. 百度的无刷新搜索,并不仅仅是使用了ajax,还有它的功劳! 14
  8. 本站用的是什么富文本编辑器呢? 13
  9. 你这个网站的搜索框 13
  10. 本站源码的开源开发进度与意见反馈 12