0

基本上我试图通过 AJAX 发表评论，然后将新评论加载到 HTML 中。我认为我的 AJAX 成功功能有问题。数据很好地添加到数据库中，但我仍然收到错误“抱歉，意外错误。请稍后再试。” 如在成功函数本身内部设置的那样。

JS：

function newComment(event) {        

    event.preventDefault();

    //Get the data from all the fields
    var comment = $('textarea');
    var product_id = $('input[name=product_id]');

    var form_data = {
        comment : comment.val(),
        product_id : product_id.val()
    };

    //Simple validation to make sure user entered something
    if (comment.val()=='') {
        alert('Comment cannot be blank!');
        return false;
    }


    //show the loading sign
    $('#loading').show();

    //start the ajax
    $.ajax({
        //this is the php file that processes the data and send mail
        url: "main/ajax_comment", 

        //GET method is used
        type: "POST",

        //pass the data         
        data: form_data,

        //success
        success: function (c) {              
            //check the status
            if (c.status==1) {           
                $('Posted By: ' + c.username + '<br> Body: ' + c.body + '<br> Posted On: ' + c.date + '<hr>').appendTo('#new_comment');

                $('#loading').hide();

                $('#new_comment').slideDown();

            //0/false (send mail failed)
            } else alert('Sorry, unexpected error. Please try again later.');               
        }
    });
}

PHP：

public function ajax_comment()
{
    sleep(4);
        $this->main_model->add_comment($this->session->userdata('user_id'), $this->input->post('product_id'), $this->input->post('comment'));
        $i = $this->auth_model->get_data_id($this->session->userdata('user_id'), 'user');
        $return = array(
            'status' => '1',
            'username' => $i->username,
            'body' => $this->input->post('comment'),
            'date' => time()
            );
        echo json_encode($return);
}

HTML：

<form action="<?php echo base_url()."main/comment"; ?>" method="post">
<input type="hidden" name="product_id" value="<?php echo $p->u_product_id; ?>">
<textarea name="new_comment"></textarea><br>
<input type="submit" name="submit_comment" id="submit_comment" value="Post">
<div id="loading" style="display: none;">
    <img src="<?php echo base_url()."assets/img/load.gif"; ?>">
</div>

难道我做错了什么？

4

2 回答 2

0

您似乎正在将 json 发送回成功函数，因此您应该添加一个数据类型：

$.ajax({
    //this is the php file that processes the data and send mail
    url: "main/ajax_comment", 

    //GET method is used
    type: "POST",

    //pass the data         
    data: form_data,

    // data type
    dataType: 'json',       /* added */

    //success
    ...

如果这不能解决问题，请检查您的c变量包含的内容，可能还会回显一些 php 警告，从而使返回的 json 无效。

于 2012-09-28T01:00:28.240 回答
0

可能的问题或解决方案：

(1)不要使用 input type submit，而是使用 typebutton并删除表单action值，这也是您在请求method中指定的原因。$.ajax

(2)不要忘记在您的请求中包含dataType参数，如下所示：$.ajax

  $.ajax({
        url: "main/ajax_comment", 
        type: "POST",       
        data: form_data,
        dateType: "json",
        success: function (c) { 
  ...

（3）PHP在你的成功函数中检查返回的数据，console.log并检查状态和其他值，如下所示：

success: function (c) { 
   console.log(c);
   console.log(c.status);
...

(4)确保您的javascript和json objects组合良好。

于 2012-09-28T01:12:01.793 回答