|
需 求
/ u/ X J) n4 p7 T+ o$ b在Drupal中自己定义一个表单,然后用ajax提交。 # w _. E' i% k$ \
解决方案 用html写一个form, 然后在form外面设置一个Button, 在button的onclick事件中调用jQuery.post()函数,将表单进行提交。
# V- a! Q2 s! i有下面两点需要注意: - button一定要放在表单外面,否则就会刷新页面了
- 每个input的控件必须有name, 如果没有name是无法获得数据的
- 在用jQuery.post()进行提交时,需要将form序列化,使用jQuery的Helper的.serialize()即可: o! a. Q# d& V h3 i
示例代码9 s# _3 P4 ^! m( }, t. g
<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>
& W9 f1 V1 Q) v# J' O
8 z0 |& s4 f2 b: m9 |. Z这样在提交后,在/post/form路径中的$_POST会获得一个提交数组,如下面所示:
& h, P4 W# V+ Z4 Jarray(2) { ["txt_name"]=> string(1) "Blade" ["txt_age"]=> string(1) "100" } 4 C3 k$ @& f( K2 o/ J
* A9 j- Y* z2 c: @" x1 i. u; { |