php ajax jquery 表单,jquery的ajax和php配合使用实现无刷新表单提交的一点问题

如图就是我的页面，打开主页链接后显示的是主体部分(左侧黑框)；

右侧子页面(右侧div#main_box内通过ajax获取的子页面)

在刚打开主页链接时显示按下按钮一时加载的子页面

现在我在按下按钮二时加载的子页面2中有个表单，需要提交表单然后通过PHP获取表单提交的值然后去数据库查询信息，返回数据库数据再输出到这个子页面2中，不知道怎么实现。

在网上找了好久找到这种方式：

学期

2015-2016学年第一学期

2015-2016学年第二学期

2016-2017学年第一学期

$(function(){

$("#jiansuo").click(function(){

var xueqi = $("#xueqi").val();//取得表单的值

var one = $("#one").val();

var one_week = $("#one_week").val();

var more = $("#more").val();

var more_week_num = $("#more_week_num").val();

var more_week_ba = $("#more_week_ba").val();

var xingqi = $("#xingqi").val();

var banji = $("#banji").val();

//Ajax post数据

$.ajax({

type: "POST",//Ajax请求为post

url: "teacher.php?c=fankui",//ajax请求URL 脚本地址

data: {"xueqi":xueqi,"one":one,"one_week":one_week,"more":more,"more_week_ba":more_week_ba,"xingqi":xingqi,"banji":banji}, //传递的值

success: function(data){ //回调函数 这里的data你可以返回HTML也可以是JSON 为了简单你返回HTML就可以了。

$("#main_right_box").html("").html(data);//将返回的列表插入分类.

}

});

});

}

但是不会用，请大神赐教