Question

我在wordpress中遇到了jQuery问题。 jQuery ajax成功函数未显示或未获得响应。从服务器获得响应，但成功功能未获得响应。

这是我的代码。谢谢。

<-jQuery->

jQuery(document).ready(function($){
 $("#date").change(function(event) {
    var val1= document.getElementById('val1').value;
    var val2= document.getElementById('val2').value;
    var val3= document.getElementById('val3').value;

            $.ajax({
                    method: 'GET',
                    url: 'http://localhost/cinema/datetime',
                    data: 'id='+val1+'&val2='+vla2+'&val3='+val3,
                    dataType: 'json',
                    cache: false,
                    beforeSend: function() {
                            $("#loading").show();
            alert(id);
                    },
                    success:  function(response) {
        if(response.type == "success"){
           alert(response);
                $("#time").html(response);
            }
        }   });
}); });

The response gotten from the server, that success function doesn't read.

Answer 1

固定！...我更改了

success: function (response) {
    if (response.type == "success") {
        alert(response);
        $("#time").html(response);
    }
}

进入此

success: function (response) {
        alert(response);
        $("#time").html(response);
}

还将我的dataType更改为html

Answer 2

您的响应不在json中。它是简单的文本或html。将dataType更改为HTML。

Answer 3

从获取到发布和数据的更改方法如下

    data: {'id':val1,'val2':vla2,'val3':val3},

或仅替换以下代码，

    jQuery(document).ready(function($){
     $("#date").change(function(event) {
        var val1= document.getElementById('val1').value;
        var val2= document.getElementById('val2').value;
        var val3= document.getElementById('val3').value;

                $.ajax({
                        method: 'POST',
                        url: 'http://localhost/cinema/datetime',
                        data: {'id':val1,'val2':vla2,'val3':val3},
                        dataType: 'json',
                        cache: false,
                        beforeSend: function() {
                                $("#loading").show();
                alert(id);
                        },
                        success:  function(response) {
            if(response.type == "success"){
               alert(response);
                    $("#time").html(response);
                }
            }   });
    }); });

jQuery Ajax成功功能在Wordpress中不起作用

3 个答案: