如何將表單提交給jQuery中的特定URL？

我正在使用codeigniter。我想使用jQuery提交表單並將表單值存儲在數據庫中。爲此，我寫了這個代碼：如何將表單提交給jQuery中的特定URL？

<form action="" method="post"> 
    <div id="login_err" style="color:#FF0000; text-align: center; padding: 10px;"></div> 
    <ul> 
     <li> 
      <label>Name :</label> 
      <input type="text" name="name" id="name" /> 
      <span id="name_error"></span> 
     </li> 
     <li> 
      <label>Email :</label> 
      <input type="text" name="email" id="email" /> 
      <span id="email_error"></span> 
     </li> 
     <li> 
      <label>Telephone :</label> 
      <input type="text" name="tele" id="tele" /> 
      <span id="tele_error"></span> 
     <li> 
     <li> 
      <label>Message :</label> 
      <textarea name="message" id="message" /></textarea> 
      <span id="message_error"></span> 
     </li> 
     <li> 
      <label>How did you hear about us?</label> 
      <select name="soption" id="soption"> 
       <option selected='selected'></option> 
       <option>I am a repeat customer<option> 
       <option>You are recommended to me<option> 
       <option>Google Search<option> 
       <option>Travelzoo<option> 
       <option>News paper artical<option> 
       <option>Facebook<option> 
       <option>twitter<option> 
      </select> 
      <span id="soption_error"></span> 
     </li> 
     <li> 
      <input type="button" id="form_submit" value="Submit" /> 
     </li> 
    </ul> 
</form>

$('#form_submit').click(function(){ 
    var name1 = $('#name').val(); 
    var email1 = $('#email').val(); 
    var tele1 = $('#tele').val(); 
    var message1 = $('#message').val(); 
    var soption1 = $('#soption').val(); 

    $.ajax({ 
     type: 'post', 
     url: 'http://localhost/test/index.php/test_con/form', 
     data: 'name=' + name1 + '&email=' + email1 + '&tele=' + tele1 + '&message=' + message + '&soption=' + soption1, 
     success: function(data) { 
      $('#login_err').html('Success ...'); 
      $('#form_submit').attr('action', "www.google.com").submit(); 
     }); 
    }

這是我存儲數據庫值的方式，但是當我提交表單的值將微粒鏈接，如「www.google.com」，但它不能正常工作我變得這樣'http://localhost/test/index.php/test_con/www.google.com'。

來源

2015-10-16 naresh

當您通過AJAX提交表單時，您需要停止標準表單提交事件。您可以通過使用preventDefault()做到這一點：

$('#form_submit').click(function(e) { 
    e.preventDefault(); 
    // the rest of your code here... 
});

你也應該刪除改變form行動線 - 這是適得其反。

來源

2015-10-16 12:33:36

刪除，你必須設置在阿賈克斯即

$('#form_submit').attr('action', "www.google.com").submit();

成功函數的作用線

來源

2015-10-16 12:36:11

如何將表單提交給jQuery中的特定URL？

回答

相關問題