Octopus系列之一些问题的汇总

1._WidgetCart.html中的数量更新函数和删除函数，转移到MyShoppingCart.html中出错

如果你使用的是jQuery的方式banding函数比如change 和click，那么在MyShoppingCart中是无法使用的，因为_WidgetCart是通过ajax方式加载过来的

而在_WidgetCart中并没有引入jQuery文件。MyShoppingCart文件加载完毕之后，_WidgetCart并没有加载完毕，所以

//alert($("select[name='qty']").length);
//这种方式不行找不到select[name='qty']对象
//转移到这个里面不行的

如果采用封转成独立函数就没有这个问题

2.javascript函数参数传递的问题

起初是因为封装的代码出错了，后来才知道两个地方出错了

原因是服务端返回的是大写的 “True”，而在Ajax函数中判断是“true”小写，所以看到的函数没有执行

另一个原因是

var func = window.location.reload(true);

function func1() {
//经过测试是没有问题的,是我搞错了,代码执行的顺序和预期的一样
//这种东西在运行的时候没有问题但其实是一种错误的东西
//质疑的地方就在于,代码执行的先后顺序和与其的不一样

//顺序 123 objDataProcessor 对象o 对象o定义
//objDataProcessor 对象o 对象o定义 123
//这两种方式定义不一样
//var func = window.location.reload(true);//重新发起一次请求强制刷新
//alert(123);
window.location.reload();//重新发起一次请求强制刷新
}

上述两种方式传递给OctRequestHelper.Common_getParamHTML_func_2(params1, func1, func2); 效果是不一样的一定要注意

3.触发表单提交

有三种方式

submit按钮 image按钮触发表单的submit函数

$(document).ready(function () {
$("select[name='qty']").change(function () {
$(this).parent().submit();
});
});

4.选择radio

                   #foreach($ship in $shiplist)
                    <tr class="tableformat">
                        <td class="nowrap" valign="top">
                            #if($ship.IsDefault==1)
                            <input type="radio" name="rad_shipping_method" id="" value="$!{ship.DShippingPrice}" data-code="$!{ship.ShippingCode}" checked="checked" />
                            #else
                            <input type="radio" name="rad_shipping_method" id="" value="$!{ship.DShippingPrice}" data-code="$!{ship.ShippingCode}" />
                            #end
                            <label for="sm_chinaups">${ship.ShippingName}</label>
                        </td>
                        <td valign="top">${ship.ShippingTime}days</td>
                        <td class="nowrap" valign="top">
                            <span class="chargeFee">
                                ${ship.DShippingPrice}
                            </span>
                        </td>
                    </tr>
                    #end

//var shipcode = $("input[name='rad_shipping_method'][checked]").attr("data-code");
//alert(shipcode);
//都可以
//alert($('input:radio:checked').attr("data-code"));
//alert($("input[type='radio']:checked").attr("data-code"));
//alert($("input[name='rad_shipping_method']:checked").attr("data-code"));

var shipcode = $("input[name='rad_shipping_method']:checked").attr("data-code");

5.var str = jQuery.param(params); 该函数和json问题

//var paramsobj =
//{
// myaction: "createorder",
// ShippingJson: ShippingJson,
// ShippingMethod: "ShippingMethod",
// PaymentMethod: "PaymentMethod",
// OrderRemark: "OrderRemark",
// OrderTotal: "OrderTotal"
//};

不想将参数使用字符串的拼接，使用上面的方式目前还没有通过

6.jQuery ajax get函数的使用

$(document).ready(function () {
//jQuery.get("/ShoppingCart.ashx", { viewcart: "miniCart" }, function (response, status, xhr) {
// $("#minicart").html(response.substring(0, response.lastIndexOf(">") + 1));
//}, "html");
LoadMinCart();
});

7.jQuery bind函数在 HTML 页面脚本中bind有效，在外置js中无效

8.使用自定义方式的自增ID有并发上的缺陷

在线程是导入多个地址时就看出来了

巴特西