Jquery Ajax 提交表单 JSP页面局部刷新 javascript 中写的code不执行

Question

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

js 代码：
[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('方法执行到这儿了!!');
            }
        }

[/code]

涉及的页面:
[code="html"]

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

[/code]

action 代码：
[code="java"]

public String addGoodsItems(){
    log.info("获得的存货名称是："+goodsItems.getGoodsName());
    log.info('这里面我准备将form表单中提交过来的数据存到session中去，如果，我提交采购单的话，才将session中的值取出来存到数据库中，session中我想的是存放一个goodsMap');
    return "addItems";
}

[/code]

struts.xml 代码：
[code="xml"]



<!--goodsItemsMap.*-->



[/code]

Answer 1

function addGoodsItems(){

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

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

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

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

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

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

}else{

$("#itemsForm").submit();
alert('方法执行到这儿了!!');

}

}

$(document).ready(function() {
var options = {

type:'post',
dataType:'json',

resetForm:false,

success:showSuccess,

error:showError,

timeout:10000

};

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

$(this).ajaxSubmit(options);

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

return false;

});

});