jQuery加载并不适用于Wordpress

时间:2017-01-19 15:01:36

标签: php jquery wordpress

我知道很多像这样的问题已经在这里存在,但是我尝试了所有我找到的并且对我没什么用。

我想要/尝试的内容:

我有一个wordpress安装,并希望在另一个页面(第2页)上显示我的一个页面(第1页)的一部分。 (它和THIS帖子几乎一样) 所以我尝试使用以下代码将page1中的part(div)加载到page2的div中:

<script>
jQuery(function($) {
    $( document ).ready(){
        $('#qi1').click(function(){
            var contentURI= 'http://postbasedesign.com/product/postbase-qi1-cover-design/ #main';    // URL TO GRAB + # of any desired element
            $('#showDesigner').load('http://postbasedesign.com/wp-content/plugins/image-map-pro-wordpress/qi1.php?url='+ contentURI, function(responseTxt, statusTxt, xhr){
            if(statusTxt == "success")
                alert("External content loaded successfully!");
            if(statusTxt == "error")
                alert("Error: " + xhr.status + ": " + xhr.statusText);
        });
    });
});
</script>

#showDesignerdiv的ID,div的html应显示为qi1

首先,我在load()中只插入了网页的网址,但它没有用。 我认为这是因为跨域政策。经过一段时间的googeling后,我找到了THIS帖子。所以我在服务器上添加了一个php(qi1.php),代码为

<?php echo file_get_contents($_GET['http://postbasedesign.com/product/postbase-qi1-cover-design/']); ?>

获取我需要的页面内容,如链接帖子中描述的那样。 现在我在load()(见上面的代码)

中插入了这个php的url

我得到了什么:

如果我点击我收到消息&#34;外部内容已成功加载!&#34; 但在div中没有​​任何反应。它仍然是空的。

我已经尝试了所有想到的东西。

我删除了.ready(),清空了我的缓存,将所有$写为jQuery,切换到代码的位置......

但是,如果我尝试上面的代码没有任何反应。 我调试了代码并调用了函数,浏览器控制台中有无错误。 但即使服务器上文件的文件路径正确,所有页面和div都存在(我多次检查过),我也看不到任何内容。

它工作过一次,但我改变了代码,现在它没有。 那么,我忽略了一个小错误,或者它为什么不起作用? 也许PHP代码是错误的,因为没有显示任何内容。 但它显示一次,所以有人知道为什么吗?

为什么还要重复?:

*我重写了整个问题,因为我想也许不清楚。 我真的不知道复制品应该如何帮助我.......我没有REST api,我没有烧瓶,我没有提出http请求。他们尝试的东西完全不同,不是吗?

为什么域没有CORS头?一切都发生在同一个域上,因此我不会尝试访问其他域。我做了THIS以避免访问其他域名。这与标记(重复)的帖子真的一样吗?*

0 个答案:

没有答案