页面无法识别脚本或加载文件的位置

Question

我的页面无法识别此脚本：

<div id='userInfo'></div>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>


<script>
$(document).ready(function(){
    var id = $("#dropdown").find(":selected").val();
    //alert('Select:'); 
    // load it in the userInfo div above
    $('#userInfo').load('data.php?id=' + id);
    $("#dropdown").change(function(){

    // get the selected user's id
    var id = $(this).find(":selected").val();
    //alert('Select:'); 
    // load it in the userInfo div above
    $('#userInfo').load('data.php?id=' + id);

    });
});
</script>

它可能会识别脚本，但它正在寻找的 data.php 没有被拾取，即使它位于同一目录中。选择语句工作正常。我已经在两台单独的服务器上尝试过这个，它适用于一个而不是另一个。我当然需要它来处理它不工作的那个。

它在表单上工作的目录是一个名为 /form 的目录，而这个目录位于子域上一个名为 /letters 的目录中。如何让它识别 data.php 的位置？

Answer 1

我一直试图弄清楚这一点。尝试使用相对 url，例如/data.php。如果这不起作用，则您正在使用的浏览器可能存在问题。出于安全原因，本地文件不会通过浏览器上的 Ajax 加载。

我建议使用$.ajax() 进行简单的jquery AJAX 调用。将 id 作为 GET 参数发送，通过 JSON 动态生成您需要的内容，然后在 success 函数上，使用您生成的内容填写您的 div，并从 PHP 后端发送到客户端文件。祝你好运！