2013-01-19 38 views
0

即時在我的項目中使用CI,目前我遇到問題。我發送一個值通過jquery序列化,但代碼不工作...在代碼點火器中使用jquery serialize()提交表單

這裏是代碼..在我看來我的表單ID是'表',按鈕類型是提交和id是'btn'..

<script> 

    $('#btn').click(function() { 
     form = $("#form").serialize(); 

    $.ajax({ 
     type: "POST", 
     url: "<?php echo site_url('categoryController/addCategory'); ?>", 
     data: form, 

     success: function(data){ 
      alert('Successful!); 
     } 

    }); 

    return false; //stop the actual form post !important! 

    }); 

+0

代碼的含義不起作用?任何錯誤? – Techie

+0

代碼無法正常工作?在調試器控制檯中是否存在錯誤,是否從未調用過url或者是否在網址上收到的數據與預期不符?或者是其他東西? – Nope

+0

表單提交刷新..它不會進入ajax ..means你可以說它不捕捉按鈕ID .. – user1972143

回答

2

使用event.preventDefault()方法,以防止從形式提交。注意腳本中有一個未終止的字符串文字也很重要。

$('#btn').click(function(event) { 
     form = $("#form").serialize(); 

    $.ajax({ 
     type: "POST", 
     url: "<?php echo site_url('categoryController/addCategory'); ?>", 
     data: form, 

     success: function(data){ 
      alert('Successful!'); //Unterminated String literal fixed 
     } 

    }); 
    event.preventDefault(); 
    return false; //stop the actual form post !important! 

    }); 
+0

返回false應該充當兩者; preventDefault and stopPropagation – Nope

+0

@FrançoisWahl也許這是導致問題的字符串文字。 –

+0

@kevin bowersox ..你搖滾的人..你的代碼作品..感謝很多 – user1972143

0

您需要在表單上提交活動。

$('#form').submit(function() { 
form = $("#form").serialize(); 
$.ajax({ 
    type: "POST", 
    url: "<?php echo site_url('categoryController/addCategory'); ?>", 
    data: form, 
    success: function(data){ 
     alert('Successful!); 
    } 
}); 
return false; 

});