Ajax成功事件不工作

我有一张登记表，正在使用$。Ajax来提交。

这是我的AJAX请求:

$(document).ready(function() {
    $("form#regist").submit(function() {
        var str = $("#regist").serialize();
        $.ajax({
            type: 'POST',
            url: 'submit1.php',
            data: $("#regist").serialize(),
            dataType: 'json',
            success: function() {
                $("#loading").append("<h2>you are here</h2>");
            }        
        });
        return false;        
    });
});

在我的submit1.php文件中，我检查了数据库中字段电子邮件地址和用户名的存在。我希望显示一个错误消息，如果这些值存在而不刷新页面。

我如何将此添加到我的AJAX请求的成功回调?

当前回答

当查询控制器不返回成功响应时，我也遇到了同样的问题，当修改控制器以返回成功消息时，问题得到了解决。注意使用Lavalite框架。之前:

public function Activity($id)
    {
        $data=getData();
        return
            $this->response->title('title')
                ->layout('layout')
                ->data(compact('data'))
                ->view('view')
                ->output();
    }
after code looks like:
    try {
            $attributes = $request->all();
            //do something
            return $this->response->message('')
                ->code(204)
                ->status('success')
                ->url('url'. $data->id)
                ->redirect();
        } catch (Exception $e) {
            return $this->response->message($e->getMessage())
                ->code(400)
                ->status('error')
                ->url('nothing Wrong')
                ->redirect()
        }

这对我很有效

2018-07-06 09:38:01

其他回答

当查询控制器不返回成功响应时，我也遇到了同样的问题，当修改控制器以返回成功消息时，问题得到了解决。注意使用Lavalite框架。之前:

public function Activity($id)
    {
        $data=getData();
        return
            $this->response->title('title')
                ->layout('layout')
                ->data(compact('data'))
                ->view('view')
                ->output();
    }
after code looks like:
    try {
            $attributes = $request->all();
            //do something
            return $this->response->message('')
                ->code(204)
                ->status('success')
                ->url('url'. $data->id)
                ->redirect();
        } catch (Exception $e) {
            return $this->response->message($e->getMessage())
                ->code(400)
                ->status('error')
                ->url('nothing Wrong')
                ->redirect()
        }

这对我很有效

2018-07-06 09:38:01

在成功回调中放入alert()以确保它被调用。

如果不是，那只是因为请求根本没有成功，即使您设法击中了服务器。合理的原因可能是超时过期，或者php代码中的某些内容抛出异常。

为firefox安装firebug插件(如果还没有安装的话)，并检查AJAX回调。您将能够看到响应，以及它是否收到一个成功的(200 OK)响应。您还可以在完整的回调中放入另一个alert()，它肯定会被调用。

2009-12-28 13:40:09

必须同时声明Success和Error回调。添加

error: function(err) {...}

应该能解决问题

2019-08-12 03:00:27

success回调函数有两个参数:

success: function (data, textStatus) { }

还要确保submit1.php设置了正确的内容类型头:application/json

2009-12-28 13:36:38

我遇到了同样的问题，我用这种方法解决了它: 我的ajax:

event.preventDefault();
$.ajax('file.php', {
method: 'POST',
dataType: 'json',
contentType: 'application/json',
data: JSON.stringify({tab}), 
success: function(php_response){
            if (php_response == 'item') 
                {
                    console.log('it works');
                }
            }
        })

好的。问题不在于json，而在于php响应。之前:我的php回答是:

echo 'item';

现在:

$variable = 'item';
 echo json.encode($variable);

现在我的成功工作。 PS.如果有什么地方不对，我很抱歉，但这是我在这个论坛上的第一个评论:)

2018-12-22 06:21:12

Ajax成功事件不工作

推荐文章

最新文章

标签