ajax提交表单数据

Question

<form action="" method="post">
<div class="table_lv1_item">
<div class="table_lv1_title">
<span class="table_lv1_title_name">便捷性、整机功能及稳定性评价</span> 
<span class="table_lv1_status1"></span>
</div>
<div class="table_lv2_item">
<div class="table_lv2_title">
<span class="table_lv2_status1"></span> 
<span class="table_lv2_title_name">机器使用便捷性评估</span>
</div>
<table width="100%" class="table_3r" cellpadding="0" cellspacing="0" id="convenientItem">
<colgroup>
<col style="width: 33%" />
<col style="width: 25%" />
<col style="width: 42%" />
</colgroup>
<tr>
<th>评价方面</th>
<th>评价指标</th>
<th>评价结果集</th>
</tr>
                   
<s:iterator value="#request.tbImgUseConvenientItems" var="ic" >
<tr>
<td align="center">
<input type="hidden" name="ids" value="${ic.id }" >
<input type="text" name="evaluates" class="table_input" style="width:280px" value="${ic.evaluate } ">
</td>
<td align="center">
<input type="text" name="targets" class="table_input" style="width:280px" value="${ic.target }">
</td>
  <td align="center" class="y_n">
                         <input type="checkbox" name="ideas" value="1-满意"/><span>1-满意</span>
                         <input type="checkbox" name="ideas" value="2-一般"/><span>2-一般</span>
                         <input type="checkbox" name="ideas" value="3-不满意"/><span>3-不满意</span>
                         <img class="del_line fn-right" src="../images/delete_line.png">
                         </td>
  </tr>
                     </s:iterator>
                    
</table>
<div class="o_h">
<div class="add_table_line" align="center" style="float: left;" id="add_convenientItem">
<div class="add_table_line_button_arrow"></div>
<img src="<%=request.getContextPath()%>/images/add_line_icon.png" /><span>添加评价指标</span>
</div>
<div class="submit_button" style="float: right">
          <input type="submit" id="convenient_submit" class="form_submit_button2" value='保 存' />
          </div>
</div>
</div>
</div>
</form>我怎么把"evaluates"，targets，ids 这些数据传到后台去啊 用ajax怎么去提交数据。AjaxJavaScript

Answer 1

1、自己拼凑URL
2、使用ajax表单提交插件，如jquery的form插件。

Answer 2

引入jquery.js 和 json2.js代码var evaluates = $('input[name="evaluates"]').val();
var targets = $('input[name="targets"]').val();
var ids = $('input[name="ids"]').val();var obj = {};
obj.evaluates = evaluates;
obj.targets = targets;
obj.ids = ids;$.ajax({
data:JSON2.stringify(obj),
url:...,
success:function(data){}
});

Answer 3

++ 借助jquery的ajax方法