Question

我告诉你什么，让AJAX工作是wazoo的一个痛苦！我花了很长时间才得到一个简单的字符串来通过，然后我得到一个json数组工作并感觉很好，现在我试图做一点调整并再次打破整个事情。为什么跟随发出ajax错误，我怎样才能看到发生了什么？

jQuery的：

        $('#upload_form option[value="addnew"]').click(function(){

              // Show modal window
              $('#add-new').modal('show');

              // Get the class
              var Classofentry = $(this).attr("class");
              //console.log(Classofentry);


              $('#add-new-submit').on('click', function(){                


                  // Get new option from text field
                  var value = $('#add-new-text').val();
                  console.log(value);

                  $.ajax({
                        type: "POST",
                        url: "<?php echo site_url(); ?>main/change_options",
                        data: {new_option: value, new_option_class: Classofentry},
                        //dataType: "html",
                        dataType: "json",
                        error: errorHandler,
                        success: success
                      });

                  function success(data)
                  {

                    if (data[1]) // Only add new entry if unique
                    {
                        // Add new entry
                        //$('#animal_species').append("<option value='" + data + "'selected=\"selected\">" + data + "</option>");
                        $('#'+Classofentry).append("<option value='" + data[0] + "'selected=\"selected\">" + data[0] + "</option>");
                        //alert(data[0]);
                    }
                    else
                    {
                        // Select the nonunique value by emptying it and appending
                        $('#'+Classofentry).empty("<option value=''selected=\"selected\">" + data[0] + "</option>").append("<option value='" + data[0] + "'selected=\"selected\">" + data[0] + "</option>");
                        //alert(data[1]);
                    } 

                    alert(data[1]);                       
                    //alert('Success!');

                  }

                  function errorHandler()
                  {
                      //alert('Error with AJAX!');
                      alert(data[0]);
                  } 

                  $('#add-new-submit').unbind('click'); // This fixes the problem for multiple entries
                  $('#add-new').modal('toggle');                      

              });
        });

PHP：

public function change_options()
{
    # Receives and sends back user-entered new option and adds it to database

    # Get strings from ajax in view
    $value = $_POST['new_option'];
    $value_class = $_POST['new_option_class'];

    #Make array to send to model
    $value_array = array('Options' => $value);
    $unique = true; 
    echo json_encode(array($value, $unique));           
}

在控制台中我得到：ReferenceError：未定义数据。我花了最近几天的时间来研究逻辑以确定$ unique，现在ajax将无法工作，即使我将它剥离回来也是如此。这里发生了什么？

Answer 1

我发布的代码应该有效。我发现了这个问题并且它不是ajax，而是我将错误的东西传递给了模型。这是工作代码，其中包含确定$ unique的逻辑：

（顺便说一句，这解决了Form Validation in Codeigniter: using set_rules to check text input from a modal window中提出的问题而不使用表格验证）：

public function change_options()
{
    # Receives and sends back user-entered new option and adds it to database

    # Get strings from ajax in view
    $value = $_POST['new_option'];
    $value_class = $_POST['new_option_class'];
    //print_r($value_class); die;

    #Make array to send to model
    $value_array = array('Options' => $value);

    $unique = true;

    $this->load->model('data_model');
    $elements = $this->data_model->get_options($value_class);

    foreach ($elements as $element)
    {
        if (preg_match("/$element/", $value, $matches)) 
        {               
            $unique = false;
            break;  
        } 
    }

    # Add new option to dropdown in database
    if ($unique) {$this->data_model->add_option($value_class, $value_array);}   

    //echo $value;

    echo json_encode(array($value, $unique));           
}

AJAX显然没有发布或接收

1 个答案: