Question

I’m trying to create an autofill script with AJAX and the Simple HTML DOM Parser. Here’s what I have so far:

The PHP file (discogs.php):

<?php

    ini_set('user_agent', 'TEST/1.0 +http://127.0.0.1/test/');

    require_once('simple_html_dom.php');

    // Create DOM from URL
    $html = file_get_html('http://www.discogs.com/release/'.$_POST["album_id"]);

    // Grab the Label
    $label = $html->find('.content > a', 0);
    echo $label;

    // Grab the Catalogue Number
    $catno = $html->find('.content', 0);
    echo $catno;

    // Grab the tracklist
    $tracklist = $html->find('div#tracklist', 0);     
    echo $tracklist; 

?>

To save space I’ve put the HTML and jQuery here: http://jsfiddle.net/Mobius1/cYGWs/

I know how to fill a single textarea/input by using $('element').val(data), but I can’t figure out how to fill all three inputs with the three variables from the PHP file ($label, $catno and $tracklist).

Is it possible?

Answer 1

First make change into script as below

 jQuery.post('discogs.php', jQuery("#myform").serialize(), function(data) {

 $('element').val(data);

                 },"json");

Then, change your php script as below & remove you echo variable statement

// New line of code for json
ini_set('user_agent', 'TEST/1.0 +http://127.0.0.1/test/');
require_once('simple_html_dom.php');

    // Create DOM from URL
    $html = file_get_html('http://www.discogs.com/release/3894873');

     // Grab the Label
     $label = $html->find('.content > a', 0);

    // Grab the Catalogue Number
    $catno = $html->find('.content', 0);

    // Grab the tracklist
    $tracklist = $html->find('div#tracklist', 0); 


$data =  array (
 "label" => (string) $label,
 "catno" => (string) $catno,
  "tracklist" => (string) $tracklist,
);

echo json_encode($data);
exit;

Then, change your success handler function as below

function(data) {

 $('lable element id').val(data.label);
 $('catno element id').val(data.catno);
 $('tracklist element id').val(data.tracklist);

                 }