使用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添加记录

回答

相关问题