# 示例add_testcase.html
<button type="button" class="am-btn am-btn-success am-radius"
onclick="info_ajax('#form_message', '/api/add_testcase/')">点 击 提 交
</button>
# 通过点击操作,调用js文件commons.js中的info_ajax文件,包含两个传参
/*示例 commons.js*/
/*表单信息异步传输*/
function info_ajax(id, url) {
var data = $(id).serializeJSON();
if (id === '#add_task') {
var include = [];
var i = 0;
$("ul#pre_case li a").each(function () {
include[i++] = [$(this).attr('id'), $(this).text()];
});
data['module'] = include;
}
$.ajax({
type: 'post', /*请求方法为POST*/
url: url,
采用ajax需要注意的是: \1. form表单中省去active和method,都在ajax中书写; \2. 提交按钮出的,要将submit改为button, 因为我们表单中书写的内容并不通过表单提交,而是通过ajax提交; \3. 前后端数据交换通过json的方式进行。