Добавить запись, используя jquery и ajax

Question

Итак, я следую учебнику здесь, и у меня есть этот код jquery для обработки некоторых данных.

На данный момент у меня есть эта форма только и только один вход с именем содержания:

<script type="text/javascript" > 
$(function() { 
    $(".comment_button").click(function() { 

     var test = $("#content").val(); 
     var dataString = 'content=' + test; 

     if (test == '') { 
      alert("Please Enter Some Text"); 
     } else { 
      $("#flash").show(); 
      $("#flash").fadeIn(400).html('<img src="ajax-loader.gif" align="absmiddle"> <span class="loading">Loading Comment...</span>'); 

      $.ajax({ 
       type: "POST", 
       url: "demo_insert.php", 
       data: dataString, 
       cache: false, 
       success: function (html) { 
        $("#display").after(html); 
        document.getElementById('content').value = ''; 
        document.getElementById('content').focus(); 
        $("#flash").hide(); 
       } 
      }); 
     } 
     return false; 
    }); 
}); 
</script> 

Теперь я другой вход с именем id..where я должен вставить?

Я пытался что-то вроде:

var test = $("#id").val(); 
var dataString = 'id='+ id; 

Это не work..So, я знаю, что это может быть элементарным, но я никогда не приходилось иметь дело с AJAX .. Спасибо ..

Answer 1

Pass данные в качестве object literal:

var test = $("#content").val(); 
var id = $("#id").val(); 
var dataObject = { content: test, id: id }; 

$.ajax({ 
    type: "POST", 
    url: "demo_insert.php", 
    data: dataObject, 
    //etc... 

Вариант 2 должен был бы serialize данные формы:

<form> 
    <div><input type="text" name="content" value="1" id="content" /></div> 
    <div><input type="text" name="id" value="2" id="id" /></div> 
</form> 

$(function(){ 
    alert($('form').serialize()); //content=1&id=2 
}); 

Answer 2

Попробуйте, что @johan сказал, что это лучший подход, или вы можете сделать:

dataString += '&id='+ id;