Javascript 使用AJAX PHP响应屏幕

我正试图编写一个简短的ajax代码，将“hello”这个词回显到屏幕上，但到目前为止，我没有任何运气。如果有人知道我做错了什么，请纠正我，让我知道。多谢各位

test6.html

函数myAjax（）{
$.ajax({
类型：“POST”，
url:'testing.php'，
数据：{操作：'call_this'}，
错误：函数（xhr，状态，错误）{alert（error）；}，
成功：函数（html）{
警报（html）；
}
});
}

testing.php

---

您有两个问题。首先，您有一个语法错误。在

错误

之后需要逗号：

function myAjax() {
      $.ajax({
           type: "POST",
           url: 'testing.php',
           data:{action:'call_this'},
           error: function(xhr,status,error){alert(error);} /* this comma --> */ , 
           success:function(html) {
             alert(html);
           }

      });
}

其次，因为您使用的是锚（

在电视上看

编辑：

另一方面，您可能更喜欢使用JavaScript绑定事件处理程序。通过这种方式，您可以进一步分离JS和HTML，这通常是首选。类似这样的方式应该可以工作：

$("#sendAjax").click(function(event) {
    event.preventDefault();
    $.ajax({
        type: "POST",
        url: '/echo/html/',
        data:{html:'call_this'},
        error: function(xhr,status,error){alert(error);},
        success:function(html) {
            console.log(html);
            $("#result").text(html);
        }
    });
});

然后在HTML中不需要
onclick
处理程序：

<a href="#" id="sendAjax">echo hello</a>



您有两个问题。首先，您有语法错误。错误后需要逗号：

function myAjax() {
      $.ajax({
           type: "POST",
           url: 'testing.php',
           data:{action:'call_this'},
           error: function(xhr,status,error){alert(error);} /* this comma --> */ , 
           success:function(html) {
             alert(html);
           }

      });
}

其次，因为您使用的是锚（


在电视上看

编辑：

另一方面，您可能更喜欢使用JavaScript绑定事件处理程序。通过这种方式，您可以进一步分离JS和HTML，这通常是首选。类似这样的方式应该可以工作：

$("#sendAjax").click(function(event) {
    event.preventDefault();
    $.ajax({
        type: "POST",
        url: '/echo/html/',
        data:{html:'call_this'},
        error: function(xhr,status,error){alert(error);},
        success:function(html) {
            console.log(html);
            $("#result").text(html);
        }
    });
});

然后在HTML中不需要
onclick
处理程序：

<a href="#" id="sendAjax">echo hello</a>



请参见
我对您的代码做了一些小改动，比如为“操作”添加引号，并创建一个按钮，因为




回声你好



我对您的代码做了一些小改动，比如为“操作”添加引号，并创建一个按钮，因为




回声你好



我刚刚添加了逗号，并更新了上面的代码。它仍然不起作用。您的JSFIDLE没有显示一个工作的ajax查询-一个工作示例。虽然它模拟了响应，但这是一个概念证明！@Paul ajax查询是否访问有效的URL是不相关的。该函数甚至根本没有被调用。您能我举一个例子来说明你说把a href放到#的意思。如果不太麻烦的话，你能更新你的代码让它包含这个吗？谢谢。如果你更新了，我会测试它。@iscattered我的答案中的JSFIDLE使用了
我只是添加了逗号，并更新了上面的代码。它仍然不起作用。你的JSFIDLE没有显示出错误工作ajax查询-一个工作示例。虽然它模拟了响应，但这是一个概念证明！@Paul ajax查询是否访问有效URL是不相关的。该函数甚至没有被调用。你能给我一个例子说明你说将a href放到#的意思吗？如果不太麻烦，你能更新一下吗u代码，所以它包括了吗？谢谢。如果你这样做，我会测试它。@iscattered我的答案中的JSFIDLE使用了
是的。它可以工作。但是我想在实际页面上而不是弹出窗口上回显“hello”。这可能吗？谢谢。我想在回显按钮后回显它。谢谢。谢谢。还有一个问题吗？还有问题吗我只是不希望我的网站突然崩溃，甚至我都不知道为什么他们会因为某种原因关闭这些库。是的，你可以将它下载到你的目录并添加这个=。这样你就不会依赖外部网站，你将拥有你自己的jquery副本。谷歌不太可能很快就会有较长的停机时间。使用Google而不是您自己的服务器几乎肯定会产生更快的页面加载时间。是的。它可以工作。但我想在实际页面上而不是弹出窗口上回显“hello”。这可能吗？谢谢。我想在回显按钮后立即回显。谢谢。谢谢。O还有一个问题吗？有没有任何方法可以关闭这些库？我只是不希望我的网站在我不知道为什么的情况下突然崩溃，如果他们出于某种原因关闭了库。是的，你可以将它下载到你的目录并添加这个=。这样你就不会依赖外部网站，你将拥有自己的jqu副本呃。谷歌不太可能在短期内有任何延长的停机时间。使用谷歌而不是您自己的服务器几乎肯定会产生更快的页面加载时间。评论不用于延长讨论；此对话一直是。评论不用于延长讨论；此对话一直是。