Ajax响应无法按预期从PHP开始工作

时间:2016-01-21 01:32:23

标签: javascript jquery ajax

我在点击按钮时调用JS函数cancelAppointment,我可以确认该函数正常运行,因为显示了第一个警报。

我已经按照许多指南试图让它工作,但它们没有产生任何结果。

此时未显示成功消息,并且未删除该行。我可以确认PHP脚本工作正常。

功能如下:

<head>
<script>
    //Making the call to ajax this is encased in a function so it is not called pre-maturely
    function deleteAppointment()
    {
        jQuery(document).ready(function(){
        alert("Trying to run!");

            $.ajax({
                type : "POST",
                url : "http://www.website.com/delete_appointment.php",
                //data : "",                
                success : function(response) {
                    //Success
                    alert("Deleted");
                }
            }); 
        });
    }
</script>

目前,在我让ajax工作之前,PHP包含PDO,它将从Appointments&amp; AppointmentLines表的ID为1000.我将在第一部分工作时解析它。

3 个答案:

答案 0 :(得分:0)

您需要定义Ajax方法期望接收的响应。 做出回复“#text;&#39; (如下面的例子所示)或做出回应&#39; json&#39;。您只需添加&#39; dataType:&#34; text&#34;&#39;作为ajax调用的设置。

$.ajax({
            type : "POST",
            url : "http://www.website.com/delete_appointment.php",
            dataType : "text",                
            success : function(response) {
                //Success
                alert("Deleted");
            }
        }); 

目前,您的成功方法是等待&#34;响应&#34;要归还,但你没有定义它是什么。

编辑:我更正了它应该是dataType而不是我最初谈论的设置的数据。

答案 1 :(得分:0)

我找到了答案,

因为我使用的是wordpress,所以必须使用jQuery代替$我需要将其包含在定义了$的DOM函数中,以便jQuery理解$

我最后对data参数进行了评论。

此问题是由于wordpress在调用jQuery函数时需要稍微不同的语法引起的。感谢大家的帮助。

答案 2 :(得分:0)

在Wordpress中,jQuery库包含在noConflict()模式中,因此jQuery的全局$快捷方式不可用,see more details here

要使其工作,请将$更改为jQuery:

function deleteAppointment()
{
    jQuery.ajax({
        type : "POST",
        url : "http://www.website.com/delete_appointment.php",
        success : function(response) {
            alert("Deleted");
        }
    });
}