php - 在按钮上单击更改来自外部 div 的内容

Question

我在 wordpress 的后端有这个按钮，如果单击它，它应该从我的主题的一个文件中的一个 div 中更改内容。我的代码可能离我应该去的地方很远......

<input type="submit" value="load()" id="start_chat" /> //the button
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">

 $.ajaxSetup ({  
            cache: false  
        });  

    var loadUrl = "facut_mine3.php";  // the file where there is only a new content for the div #eu_la
    $("#start_chat").click(function(){  
        $("#eu_la").load('http://www.fattorefamiglia.com/wp-content/themes/child_care_creative/layout_home_page2.php').html(loadUrl);  //this is the file that I want to change, with the div #eu_la
    });  
</script>

当然，当我单击按钮时，没有任何变化。有没有其他方法可以做到这一点？

Answer 1

要允许跨域 Ajax 请求，请在 ROOT 中设置一个.htaccess文件，其中包含以下内容：

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

另见：

• 启用-cors.org
• code.google.com/p/html5security/wiki/CrossOriginRequestSecurity