如何获得使用Ajax和Codeigniter填充的表单

Question

I am trying to teach myself code igniter and mvc. I have a working site in php that allows the input of an isbn number and returns the title, rank etc. I use ajax to get the information from amazon and then put it into the existing form. This works great, now i am trying to convert it to code igniter. My view is buybackmws.php and looks like this:

    <?php echo validation_errors();?>
<?php echo form_open('buyback', $title);?>

    <table height="220">
            <tr>
                <td><label>ISBN</label></td>
                <td><input type="text" id="isbn" name="isbn" value="<?php echo set_value('isbn'); ?>" /></td>
                <td></td>
                <td rowspan=7><a id="detailURL" href="#" target="_blank"><img id="bookCover" src="<?php echo base_url();?>images/imgNotFound.gif" height="200px" /></a></td>


            </tr>
            <tr>
                <td><label for="quantity" class="label">Quantity</label></td>
                <td><input type="text" id="quantity" name="quantity" value="<?php echo set_value('quantity'); ?>"/></td>
                <td></td>
            </tr>
            <tr>
                <td><label for="payPrice" class="label">Price to Pay</label></td>
                <td><input type="text" id="payPrice" name="payPrice"/></td>
                <td></td>
            </tr>
            <tr>
                <td><label>Edition</label></td>
                <td><input type="text" id="edition" name="edition" readonly="readonly"/></td>
                <td></td>
            </tr>
            <tr>
                <td><label>Title</label></td>
                <td><input type="text" id="title" name="title"/></td>
                <td></td>
            </tr>
            <tr>
                <td><label>Sales Rank</label></td>
                <td><input type="text" id="salesRank" name="salesRank" readonly="readonly" /></td>
                <td></td>
            </tr>

            <tr>
                <td></td><td><input type="button" id="buy" value="Buy" /></td><td></td>
    </table>
    <?php echo form_close() ?>

my js with the ajax is buybackmws.js:

    $('#isbn').keydown(function () {
    //retrieve price to pay (and other data)
    var isbn = $('#isbn').val(); 

        $('#quantity').val('0'); //default quantity to 0
    $('#buy').attr('disabled', false).css('backgroundColor', '');
    $('#quantity').css('border', '');
    $('#payPrice').css('border', '');
    $('#payPrice').css('backgroundColor', '');
    $('#payPrice').css('color', '');

        $.ajax({
            type: "POST",
            url: ' ../verifybuyback/title',
            async:false,
            dataType: "json",
            data: ({isbn: isbn }),
            success: function(data){
               console.log(data);
                $('#title').val(data.title);
                $('#salesRank').val(data.salesRank);
                $('#edition').val(data.edition);
        $('#binding').val(data.binding);
                $("#detailURL").attr("href",data.DetailURL);
        } //end of success
});

verifybuyback is:

if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Verifybuyback extends CI_Controller {
     function __construct()
{
    parent::__construct();
    $this->load->model('amz','',TRUE);
    $this->load->helper('amazon');
}

function title()
{
    $this->load->library('form_validation');

    $this->form_validation->set_rules('isbn', 'ISBN','trim|required|xss_clean|callback_title_check' );

if($this->form_validation->run('title')==FALSE)
{
    //Field validation failed.  User redirected to login page
 $this->load->view('buybackmws');

}
else
{
    //GOTO RESTRICTED AREAS
    redirect('buybackmws', 'refresh');
}
}

function title_check()
{
    //Field validation succeeded.  Validate against database
    $isbn=$this->input->post('isbn');

    //QUERY AMAZON FOR THE INFORMATION

    $result = basic($isbn);

    if($this->session->userdata('amazon'))
    {
     $sess_array = array();
        $result=$this->session->userdata('amazon');

            $sess_array=array(
                'title'=>$result['Title'],
                'rank'=>$result['SalesRank'],

            ); 

    }
    else
    {
        $this->form_validation->set_message('get_title', 'Invalid ISBN number');
        return false;
    }
}

} //END OF BUYBACK

When I test it, and look at what is shown in the response tab, the information is there. My console.log is not doing anything so i don't think the information is being returned to the js. I am therefore having an issue getting everything into the view. How do I do this?

EDIT: I got the console.log in the ajax success to show the results in Firebug, but they are still not populating the form. Any ideas??

Answer 1

you are using datatype json for ajax . Remove json datatype and use

$data['view'] = $this->load->view($view, $this->data, true);
$this->output->set_output($data);

you can now access data.view in ajax

OR

with json in datatype

Use

$data['view'] = $this->load->view($view, $this->data, true);
$this->output->set_content_type('application/json');
$this->output->set_output(json_encode($data));

Also if you redirect in controller from ajax it will not work for page . you need to redirect in ajax after success return data