2011-07-25 34 views
0

我有這樣的形式:得到一個形式值,張貼到PHP腳本,並有PHP腳本程序中的錯誤和返回值

<form action= 'addperm.php' class = 'addperm' method='post'> 
    <input type='text' name='user' /><br /> 
    <input type='radio' name='perm' value='1' CHECKED /> Can view only<br /> 
<input type='radio' name='perm' value='2' /> Can make changes <br /> 
<input type='submit' value='Add'> 
</form> 

我想知道怎麼了,不需要再重定向到另一個頁面,我可以得到這兩個輸入值(user和perm),通過ajax將它們發佈到php腳本中,然後讓php返回結果

+0

我已經得到了如何發佈值......但我想讓PHP返回值並且清除表單。 – re1man

+0

沒有重定向? PHP腳本既可以生成表單,也可以輕鬆處理其提交。如果你的意思是你希望提交表單數據而不刷新,那是另一回事。 –

+0

發佈一些更相關的代碼,顯示迄今爲止完成的工作。然後以代碼作爲參考,指出您遇到問題的具體領域。沒有提神的 –

回答

0

閱讀關於$.post的jQuery API文檔。

0
$('input[type=submit]').click(function(e){ 
    $.ajax({ 
     type: "POST", 
     url: "some.php", 
     data: "user=" + $('input[name=user]').val() + "&perm=" + $('input[name=perm]:checked').val(), 
     success: function(msg){ 
      // msg is your content 
     } 
    }); 
    e.preventDefault(); 
}); 

some.php

echo json_encode(array($_POST['user'],$_POST['perm'])); 

我不會把我的面值語法,但是這是想法。

0

http://jquery.com

下載的jQuery它包含在你的頁面的頭,如同這樣:

<script type="text/javascript" src="jquery/jquery.min.js"></script> 

的改變src任何你所下載的文件的名稱。

然後又在頁面的頭部粘貼此:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.addperm').submit(function(){ 
     var query = 'perm='+$('#perm').val()+'&user='+$('#user').val(); 
      $.post("addperm.php", query, function(response){ 
       alert(response); 
      }); 
    }); 
}); 
</script> 

爲了使這項工作,你將有你的HTML改成這樣:

<form action= 'addperm.php' class = 'addperm' method='post'> 
<input type='text' name='user' id='user' /><br /> 
<input type='radio' name='perm' value='1' id='perm' CHECKED /> Can view only<br /> 
<input type='radio' name='perm' value='2' id='perm' /> Can make changes <br /> 
<input type='submit' value='Add'> 
</form> 

我還沒有測試它尚未,但它應該工作。