ajax und codeigniter Post dataString und empfangen array

Habe ich diese Ansicht, wo ich einen Schlüssel namens MYVAR in einer form Kontaktformular

<form class="form-wrapper cf" id="contactForm">
   <input name="MYVAR" type="text" placeholder="DO_IT..." required>
   <button type="submit" id="btn_submit" >  DO IT </button>
</form>

dann in dieser Ansicht habe ich ein Skript per ajax diese Taste, um controller wie dataString

<script type="text/javascript">
jQuery(function() {
    jQuery(".btn_submit").click(function() {
    var MYVAR       = jQuery("input#MYVAR").val();
    var dataString  = 'MYVAR='+ MYVAR;
    alert(dataString);
    jQuery.ajax({
        type: "POST",
        url: "<?php echo base_url()?>index.php/do_it/method/",
        data: dataString,
        success: function() {
            jQuery('#successMessage').html("<b><p style='color:#5b5b5b; float:left; margin-top:3px; padding-top:50px;'>success.</p></b><br/><br/>")
            .hide()
            .fadeIn(1500, function() {
            jQuery('#successMessage');
            });
        }
    });
    return false;
    });
});
</script>

In der Steuerung do_it innen Methode, ich lese var MYVAR 

function method()
{   
  //posted var
  $key = $this->input->post('MYVAR');
  $this->load->model('mine_model');
  //get data according key variable 
  $data['result'] = $this->mine_model->get( array('data' => $MYVAR));
  //encode it? 
  echo json_encode($data); 
  //$this->load->view('view',$data);
}

Aber nichts tut...

Was bin ich?

Auch ich habe keine Ahnung, Wie zu erhalten $data ['Ergebnis'] in der Ansicht mit jQuery und dann drucken Sie es im Blick?

InformationsquelleAutor cMinor | 2013-03-29
  1. 1

    Ich habe einige code, machen Sie es wie Sie wollen:

    Meine JS:

    $(function() {
  $('#contactForm').submit(function() {
    var dataString = $(this).serialize();
    $.ajax({
      type : 'post',
      url  : '<?php echo base_url()?>index.php/do_it/method/',
      data : dataString,
      dataType : 'json',
      success : function(res) {
        console.log(res); //to see the object
        //your code here
      }
    });
    return false;
  });
});

    Mein PHP (CodeIgniter)

    function method() { 
  $key = $this->input->post('MYVAR');
  $this->load->model('mine_model');
  $data['result'] = $this->mine_model->get( array('data' => $MYVAR));

  //set text compatible IE7, IE8
  header('Content-type: text/plain'); 
  //set json non IE
  header('Content-type: application/json'); 

  echo json_encode($data);
}
    • OH, ich vergaß etwas: Sie brauchen nicht zu überprüfen, den browser ausgeben header PHP.. wenn du nur "text/plain" funktioniert gut für jeden browser.. habe ich getestet.. 😉
    • Wie kann ich drucken Sie das Ergebnis, wenn ein array? jQuery('#successMessage').html("<b><p style='color:#5b5b5b; float:left; margin-top:3px; padding-top:50px;'>success.</p></b><br/><br/>")
    • willst du ein array zurück von PHP ?? ou nur HTML ? wenn ein array ist, Sie kümmern sich um ein Objekt echo json_encode(array('message' => 'Success')); und als in Sie JS: $('#successMessage').html(res.message);
    • ja, das Ergebnis bekomme ich vom Modell ist ein array, das ich ihn ausdrucken möchtest, würde ich nicht mit ajas werde ich nur schreiben: foreach ($result as $val): ?> <h2><? echo "ID: " . $val['1st']; ?> </h2> <h3><? echo "IDW: " . $val['2nd'] ?></h3> <?endforeach ; ?>
    • Ich benutze if ($this->input->is_ajax_request() { von CodeIgniter, um zu überprüfen, ajax oder nicht, von diesem Zustand, den ich drucken ein array (zu ajax) oder HTML (normale Anfrage)
    InformationsquelleAutor Éderson T. Szlachta
  2. 1

    Einmal versuchen, diesen code

    jQuery(function() {
    jQuery(".btn_submit").click(function() {
        alert(jQuery("input#MYVAR").val());
        jQuery.ajax({
            type: "POST",
            url: "<?php echo base_url()?>index.php/do_it/method/",
            data: {MYVAR:jQuery("input#MYVAR").val()},
            success: function() {
                jQuery('#successMessage').html("<b><p style='color:#5b5b5b; float:left; margin-top:3px; padding-top:50px;'>success.</p></b><br/><br/>")
                .hide()
                .fadeIn(1500, function() {
                jQuery('#successMessage');
                });
            }
        });
        return false;
    });
});

    Controller nur das senden der Daten, wie diese*(haben Sie bereits getan)*

    echo json_encode(array('success'=> 'true', 'data' => array(1,2,3)))

    Aber in Ihrem Blick success() geändert werden muss, um success(response)

    Können Sie die json Ergebnis wie dieses

    success: function(response) {
    if(response.status){
        jQuery('#successMessage').html("<b><p style='color:#5b5b5b; float:left; margin-top:3px; padding-top:50px;'>success.</p></b><br/><br/>")
        .hide()
        .fadeIn(1500, function() {
        jQuery('#successMessage');
        });

        //response.data[0] gives 1
        //response.data[1] gives 2
        //response.data[2] gives 3
    }
}
    • Ich habe Probleme, könnten Sie bitte poste den gesamten code?, Vielleicht bin ich etwas fehlt noch, wie nach dem schreiben von "1" und klicken auf die Schaltfläche angezeigt, die den folgenden url in index.php/do_it?MYVAR=1
    InformationsquelleAutor mrsrinivas
Schreibe einen Kommentar