javascript - Jquery Ajax url 路径问题

Question

我正在尝试为我的网站设计一个消息系统，但我无法运行我的 ajax。所以我做了一个更简单的文件之间交互的版本。

这是我的文件，test.php 和 load.php 都在根文件夹 (public_html) 下。

我在 test.php 中有 ajax 函数。 load.php 只是简单地回应“哇”。

$("#test").click(function(){
 alert("Clicked.");

 $.ajax({
     url:"/load.php",
     type:"POST",
     beforeSend: function(){
         alert("testing");   
     },
     success:function(result){
        $("#result").html(result);
        alert("  sss  "+result);
     }
 }).error(function(){alert("wrong");});
 });

现在它完美地工作了。

............如何设置相对路径................................

这是更复杂的设计

3 个文件，都在不同的文件夹中:

1. messages.php(根目录下)
   • 显示所有消息
2. control.php(根/面板)
   • 面板将包含在 messages.php 中
3. load.php(根目录/函数)
   • control.php 将使用ajax 调用它，然后在control.php 中显示结果

所以当用户加载 messages.php 时，它将加载 control.php 然后运行 ​​ajax 调用 control.php。

我很困惑如何为ajax设置这些路径
(在 messages.php 中包含 control.php 工作正常)

谢谢

Answer 1

为了理解ajax url，我有两件事应该永远记住。

1.如果我们将斜杠放在 ajax url 的开头，ajax url 模式将为 `hostname/yourFile`示例:

// current url: http://sample.com/users
// ajax code load from users page

$.ajax({
   url: '/yourFile.php',
   ...
});

// ajax url will be: http://sample.com/yourFile.php

2。如果我们不在开头使用斜杠，ajax url 将添加到浏览器中的当前 url。示例:

// current url: http://sample.com/users
// ajax code load from users page

$.ajax({
    url: 'yourFile.php',
    ...
});

//...ajax url will be http://simple.com/users/yourFile.php

希望这些东西可以帮助到想使用ajax的人。编码愉快，谢谢。