jQuery Forum

I have some old code I am trying to get to work.  The debugger stops where it can't load the user template on the error line below with asterisks.  I'm guessing the problem is in the promise.  Can I just take out some lines on the promise to force it to work for a demo to make it more straightforward?  I don't have any data just a default user in the model.  Don't need it to be in a promise.  One thing I haven't figured out is this line " if(debug && window.console) "   I don't know if debug is on or off.  I don't know where that is reference. 

I get this error message:
SyntaxError: missing } after property list
right before the  ↵$('#taskform').

I checked all opening and closing () & {} in a syntax checker so i can't figure out where the missing } is?


------code--------
$(document).ready(function() {
    $.ajax({

          url: 'ajax/get_todosx3.php',
          dataType : 'json',
          success: function(data) {
        alert(success);
            var list_start ='<li "class" = "todo-list" >';
            var list_end ='</li>';
            var checkbx ='<input type="checkbox" id="task" checked="false" />';
            var delRow ='<input type="button" value="Delete" class="btnDelete"  onclick="deleteRow(this)" />';
                $('.result').html(data);
                alert('Load was performed.');
            var rows= ' ';
                $.each(data, function(idx,item) {
                    rows+= list_start + checkbx + item.todo + ', ' + item.name + item.date + delRow +list_end;
            });
            $("ul").append(rows);               
    }    //end success
        }) //end ajax   

 $('#taskForm').submit(function(e) {
        e.preventDefault();
        submitForm();
    });  //end document ready


the url if you want to check it out

janisrough.dyndns.biz/todos17.html
tia,

jrough

I have 2 errors, 

AJAX response doesn't get loaded on the page:

janisrough.dyndns.biz/todo15.html

This page was working.  I can't find what I did.
The AJAX data is returned in an array but but the rows don't get appended as unordered lists.
The bug could be in the each function and it doesn't split out the values or it could be somewhere in the form?
I don't get the alert('Load was performed') in firebug header.
Thanks please help.  I've been going over this for 2 days.

(document).ready(function() {
    $.ajax({

      url: 'ajax/get_todosx.php',
      dataType : 'json',
      success: function(data) {
       
        var list_start ='<li "class" = "todo-list" >';
        var list_end ='</li>';
        var checkbx ='<input type="checkbox" id="task" checked="false" />';
        var delRow ='<input type="button" value="Delete" class="btnDelete"  onclick="deleteRow(this)" />';
        $('.result').html(data);
        alert('Load was performed.');
    var rows= '';
   
    $.each(data, function(idx,item) {
   
    rows+= list_start + checkbx + item.todo + ', ' + item.name +','+ item.date + delRow +list_end;
});
            $("ul").append(rows);               


 }
    });//end document ready

It could also be in the form but it was working.

<div id="todos">
   
    <header>
        <h1>Taskos</h1>
        <h2>&mdash; a tasklist todo app &mdash;</h2>
 

        <form id="taskForm" onclick="return submitForm()">  
            <input  name="task_todo"  value="What needs to be done?" /><br />
            <input  name="todo_name"  value="By whom?" />
            <input name="due_date"  value="By when?"  /><br />
            <button type="submit"  class="fg-button ui-state-default"   >Submit</button>
        </form>
</header>



    <section class="main">
        <form id="task-list">
               <input id="toggle-all" type="checkbox" />
               <label for="toggle-all">Mark all as complete</label>
              <ul id="todo-list">
              </ul>
      </form>
    </section>
    
        
     <footer>
      <a id="clear-completed">Clear completed</a>
      <div id="todo-count"></div>
    </footer>
</div>

I also tried returning the data as a valid JSON encoded object in case that was it but it still doesn't display.
janisrough.dyndns.biz/todo16.html

Demo page:
http://janisrough.dyndns.biz/todo11.html

I don't understand if this is a PHP  or a JQuery issue for sure but I think I just need help with the .each function to get the right output.  I need all the sub arrays and all 3 values.

I'd like each row of the AJAX response to be printed like:
checkbox + my to do item  + user name  + date + delete button
checkbox + my to do item #2 + user name + date + delete button
checkbox + my todo item #3 + user name + datae + delete button

Instead it is only printing the 3 values of the first row like:
checkbox + my to do item + delete button
checkbox + user name + delete button
checkbox + date + button 


So I don't want these values on separate lines and I want all rows.

PHP is returning the database result array in JSON encoded brackets but  notice in the .each I have to use response[0] or it returns  [object Object] .   JSON_encode wraps result in brackets and the [0] index removes the brackets.  So I do get the entire array response but can't quite seem to access it right with the .each.
Should work all right but that explains why the response is like that.

Thanks in advance.  Code is below:

 function submitForm() {
    
      $.ajax({ type: 'POST',         
          url:  'form_handler.php',
          dataType : 'json',
          data: $('#taskForm').serialize(),           
                success: function(response) {


var list_start ='<li "class" = "todo-list" >';
var list_end ='</li>';
var checkbx ='<input type="checkbox" id="task" checked="false" />';
var delRow ='<input type="button" value="Delete" class="btnDelete"  onclick="deleteRow(this)" />';



console.log(response.todo);



                $.each(response[0], function(i,value) {
       
        var row = list_start.concat(checkbx ,value, delRow, list_end);
        alert(row);
        $("ul").append(row);
            }); 
            }//end each  
               
         });//success end/ ajax end 

                                               
     
    return false;

};//end submitForm

The syntax error is on the .each() line.  This script worked with the AJAX response for only one returned row.  I added the .each function to get all the rows from the database and I have a missing parenthesis ")" somewhere. It looks like I broke the success: parameter.    If I could fix that then I could test.  The POSTed value from the response is todo.  It is a todo list.  Thanks,   if you need to see the page it is
janisrough.dyndns.biz/todo11.html
The result comes back in the page as undefined but the json response array comes back in firebug.
The syntax error I'm getting in NetBeans ide.
Thanks again,

 function submitForm() {
    
      $.ajax({ type: 'POST',         
          url:  'form_handler.php',
          dataType : 'json',
          data: $('#taskForm').serialize(),           
                success: function(response) {


var list_start ='<li "class" = "todo-list" >';
var list_end ='</li>';
var checkbx ='<input type="checkbox" id="task" checked="false" />';
var delRow ='<input type="button" value="Delete" class="btnDelete"  onclick="deleteRow(this)" />';



                ($.each(response, function(response['todo'],value) {
         var row = list_start.concat(checkbx ,value, delRow, list_end);
        $("ul").append(row);                             
             
               
    } });//success end/ ajax end                                            
     
    return false;

}