zoukankan      html  css  js  c++  java
  • 利用ajax获取到的网页源码不能执行js代码

    今天觉得我的博客中加载腾讯微博的速度很慢,所以就想改写为js,本来以为直接新建一个页面,把获取函数移到新的页面中,原来的页面只要使用xmlhttp去GET一下,然后把div的innerhtml属性等于为xmlhttp.responseText就ok了。
    没有想到的是从responseText中获取到的文本不仅包括了div等网页内容个,而且包括js代码。这下就傻了,js代码不运行的。
    网上找了不少资料有个人写了个js库的但是还是不好用啊,后来发现原来js和ajax要同步起来必须这样是全部是html码或者全部是js码。也就是说当全部是html码的时候可以用innerhtml直接指向返回的text,而当返回的是js码的时候,必须用eval()使其能够运行起来。

    当然也有第三种可能,把其中的js代码剥离出来,你干么,当然不干!

    想到这里就只有两种方案解决了,要么php输出的都是js代码,要么php输出的是html,把js独立放出去。

    思考再三,全部写成js代码有点苦难,让php输出js代码,js代码中再输出html码,光那些单双引号都搞死人了。

    最后没办法,把js代码剥离出来了,然后用了n个hidden的元素,把html中输出的值保存下来,让js去进行调用。看来以后写代码最好是js和html剥离,否则转到ajax中就有点被动,普通的还好只要直接include进来就ok。至于趋于用纯js还是用纯html再加js这个问题要再考虑考虑。

  • 相关阅读:
    如何在iTerm2中配置oh my zsh?
    sublime中格式化jsx文件
    ES6 new syntax of Literal
    ES6 new syntax of Rest and Spread Operators
    How to preview html file in our browser at sublime text?
    ES6 new syntax of Default Function Parameters
    ES6 new syntax of Arrow Function
    七牛云2018春招笔试题
    Spring-使用注解开发(十二)
    Spring-声明式事物(十一)
  • 原文地址:https://www.cnblogs.com/wangchuang/p/3325457.html
Copyright © 2011-2022 走看看