ajax提交成功后局部刷新 jq_Jquery Ajax 提交表单 JSP页面局部刷新 javascript 中写的code不执行...

下面是我碰到的具体问题，一直很是郁闷！我贴下我的代码，如果解决了，小弟不甚感激。。。

js 代码：

//ajax 执行成功的回调函数

function showSuccess(data){

alert('执行成功！！！');

}

function showError(){

alert('出错啦！！！');

}

//ajax提交采购或者销售项

function addGoodsItems(){

if($("#goodsName").val() == ""){

alert('货品不能为空！');

}else if($("#amount").val() == 0){

alert('数量需多余0');

}else if($("#price").val() == ""){

alert('单价不能为空');

}else{

$(document).ready(function(){

alert('这个方法始终就是没有起作用？？？？？？？？？');

$("#itemsForm").submit(function(){

//ajax 提交参数

var options = {

dataType:'json',

resetForm:false,

success:showSuccess,

error:showError,

timeout:10000

}

//提交表单

$(this).ajaxSubmit(options);

// 为了防止普通浏览器进行表单提交和产生页面导航(防止页面刷新？)返回false

return false;

});

});

alert('方法执行到这儿了!!');

}

}

涉及的页面:

存货名称：	id="goodsName" class="baseline" value="${pcb.goodsItems.goodsName}" style="width: 150px;" />		存货地点：	id="storage" class="baseline" value="${pcb.goodsItems.stockPlace}" style="width: 150px;" />
物品数量：	οnfοcus="onfocusSelect(this)" οnblur="jsje()" style="text-align: right;" value="0" /> οnfοcus="onfocusSelect(this)" οnblur="jsje()" class="baseline" style="width: 50px; text-align: right;" value="${goodsItems.amount}" />		单价：	οnchange="selectPrice(this)" style="width: 100px;"> 采购标准价 采购最高价 销售标准价 最低销售价 οnblur="jsje()" />		折扣率：	name="goodsItems.discountRate" style="text-align: right" οnblur="jsje()" value="${pcb.goodsItems.discountRate}" />
折扣额：	style="text-align: right" /> value="${goodsItems.discount}" />		采购额： 销售额：	style="text-align: right" /> name="goodsItems.procureCellMoney" value="${goodsItems.procureCellMoney}" />
说明：	style="width: 500px;" />

action 代码：

public String addGoodsItems(){

log.info("获得的存货名称是："+goodsItems.getGoodsName());

log.info('这里面我准备将form表单中提交过来的数据存到session中去，如果，我提交采购单的话，才将session中的值取出来存到数据库中，session中我想的是存放一个goodsMap');

return "addItems";

}

struts.xml 代码：

问题补充：

引用

jquery form ajax 我是第一次用，这段代码我看官网说：do stuff when DOM is ready，好像是说页面加载完成后开始运行

$(document).ready(function(){}