jQuery序列化

Question

<script> 
    function showValues() { 
     var str = $("form").serialize(); 
     $("#results").html(str); 
    } 
    $(":checkbox").click(showValues); 
    $("select").change(showValues); 
    showValues(); 
</script> 

<form action="this.php" method="get"> 
    <input type="checkbox" name="check" value="$productid" id="ch1"/> 
    <label for="ch1">check1</label> 
</form> 

當選中複選框時，序列化的URL顯示在我的頁面上。但是，根據我對序列化某些東西的理解，將它放入動態url中。有人能告訴我如何通過AJAX發送序列化結果到另一個文件嗎？

Answer 1

這是序列化和表單子基本的用法。

var data = $(form).serialize(); 
$.post('post.php', '&'+data); 

閱讀有關$.post在http://api.jquery.com/jQuery.post/#example-3

越多也看看$.ajax，如果您需要關於如何提交表單更多的控制。 http://api.jquery.com/jQuery.ajax/

Answer 2

您可以通過使用data選項包括AJAX調用您的表單字段：

function sendValues() { 
    var str = $("form").serialize(); 
    $.ajax({ 
     url: "/that.php", 
     data: str 
    }); 
} 

您可以瞭解更多關於在AJAX調用the $.ajax() docs。