Обновление MySQL с использованием AJAX и PHP

Question

Я пойду медленно, а не ради тебя. Я действительно новичок в попытках сделать это. То, что я пытаюсь сделать, это обновить базу данных MySQL из таблицы HTML. Вот как они построены.

echo ("<td id=\"callsign:$row[recordID]\" contenteditable=\"true\" 
       onClick=\"showEdit(this)\" 
       onBlur=\"saveToDatabase(this,'callsign',$row[recordID])\" 
       style='text-transform:uppercase'> 
       $row[callsign]</td>"); 

Вот как это делает.

<td id="callsign:6" contenteditable="true" onclick="showEdit(this)" onblur="saveToDatabase(this,'callsign',6)" style="text-transform: uppercase; background-color: rgb(253, 253, 253); background-position: initial initial; background-repeat: initial initial;"> 
       KA0SXY</td> 

Здесь вызывается функция.

function saveToDatabase(editableObj,column,id) { 

     $(editableObj).css("background","#FFF url(loaderIcon.gif) no-repeat right"); 
      $.ajax({ 
       url: "saveedit.php", 
       type: "POST", 
       data:'column='+column+'&editval='+editableObj.innerHTML+'&id='+id, 
       success: function(data){ 
        $(editableObj).css("background","#FDFDFD"); 
       } 
      }); 
     } 

И вот PHP.

<?php 
require_once "dbConnectDtls.php"; 

    $result = mysql_query("UPDATE NetLog set " . $_POST["column"] . " = '".$_POST["editval"]."' WHERE recordID=".$_POST["id"]); 
    echo $result; 

?> 

Когда я перехожу от этой ячейки к следующей, единственное, что выполняется, - это .gif. MySQL не обновляется, что я делаю неправильно?

Заранее благодарим за то, что вы не относитесь ко мне как к манекену, но помогаете мне учиться.

Followup для предложений:

Я боюсь, что я не буду топтание на месте по этому вопросу. Кто-нибудь хочет написать рабочий пример, за которым я могу последовать?

Answer 1

Для новичка есть много вещей, которые вы должны заботиться в сценарии:

1. Сначала вы должны избежать вставок $ _POST значений непосредственно в запрос, как это может привести к sql injection проблемам.
2. Вы должны использовать PDO или MySQLi для выполнения запроса по тем же параноидальным причинам.
3. Вы должны быть последовательными. Зачем использовать .innerhtml, когда вы используете JQuery? Вы можете использовать $ (editableObj) .html()
4. У вас нет ошибок javascript: вы просматриваете консоль? Попробуйте щелкнуть правой кнопкой мыши в теле страницы и выбрать «проверить элемент». Затем нажмите вкладку «консоль» в появившемся фрейме.

5. Также вы не печатаете переменную «данные», которая возвращается, чтобы увидеть, является ли ожидаемый результат на сервере. Вы можете сделать это с помощью:

   console.log (data);

Другое, чем все выглядит хорошо в вашем скрипте;)