Drupal:自己定义一个表单，然后用ajax提交---jQuery.post的用法

需 求
+ ~! Z6 a1 `/ W6 g& h在Drupal中自己定义一个表单，然后用ajax提交。

) V) `, j6 ~2 i( q/ |

解决方案

用html写一个form, 然后在form外面设置一个Button, 在button的onclick事件中调用jQuery.post()函数，将表单进行提交。
- u7 M. L7 I: W% ]6 A3 b2 S/ k) U有下面两点需要注意：

• button一定要放在表单外面，否则就会刷新页面了
• 每个input的控件必须有name， 如果没有name是无法获得数据的
• 在用jQuery.post()进行提交时，需要将form序列化，使用jQuery的Helper的.serialize()即可
  

示例代码

<form id="form_charge"><label for="txt_name"> Name:</label> <input type="text" name="txt_name"  id="txt_name"></input><label for="txt_age"> Age:</label> <input type="text" name="txt_age" id="txt_age"></input></form><button onclick="$.post('/post/form', $('#form_charge').serialize(), function(data){$('#box_charge_result').html(data);});">Go!</button>
( t! t) ^7 P+ A. T& _0 W. l' n* c/ R
8 a  ~, H# _5 z1 d- _% p5 s这样在提交后，在/post/form路径中的$_POST会获得一个提交数组，如下面所示：
array(2) { ["txt_name"]=>  string(1) "Blade" ["txt_age"]=>  string(1) "100" }
; z2 a: ~- B# n$ A+ d$ @