使用jquery和ajax添加記錄

所以我在這裏跟隨一個教程，並且我有這個jQuery代碼來處理一些數據。使用jquery和ajax添加記錄

目前我有這種形式只是，只是一個輸入命名內容：

<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 .. 謝謝..

來源

2013-02-19 pyetjegoo

好了，我不知道，但我需要的是通過另一個變量，除了$內容中的一個.. – pyetjegoo 2013-02-19 13:37:59

對於多個表單元素，你可以使用jQuery的serialize（）函數 - http://api.jquery.com/serialize/ – 2013-02-19 13:38:01

通行證的數據作爲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 
});

來源

2013-02-19 13:37:08 Johan

嗯，我不知道該怎麼做，我的意思是，它需要更多的修改權？我不知道如何添加一個變量，這個我不知道如何修改。 – pyetjegoo 2013-02-19 13:38:34

啊...明白了...... 讓我試試吧： – pyetjegoo 2013-02-19 13:39:07

@pyetjegoo當然，讓我知道它是怎麼回事。我更新了答案 – Johan 2013-02-19 13:40:55

嘗試什麼@johan說，這是一個更好的辦法，或者你可以這樣做：

dataString += '&id='+ id;

來源

2013-02-19 13:39:01 gaurav

使用jquery和ajax添加記錄

回答

相關問題