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有并发上的缺陷

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

Octopus系列之一些问题的汇总的更多相关文章

  1. Octopus系列之如何让前台的js脚本变得灵活重用

    Octopus系列如何让前台的js脚本变得灵活,重用 方式1:ajax方式 方式2:form表单方式 面向对象的脚本封装 jQuery的封装 做Web开发的少不了前台Ajax的使用, 返回true:f ...

  2. iView 实战系列教程(21课时)_汇总贴

    iView 实战系列教程(21课时)_汇总贴 课程地址; https://segmentfault.com/ls/1650000016424063 iView 实战系列教程(21课时)_1.iView ...

  3. Octopus系列之代码备份

    代码 $.extend($.validator.messages, { required: "This field is required.", remote: "Ple ...

  4. Octopus系列之各个页面调用示例

    调用首页产品 可选参数如下 New = 1, Hot = 2, Best = 3, Special = 4, Featured = 5, Other = 6 #foreach($item in $oc ...

  5. Octopus系列之模板快速开发手册

    公共代码 html_header_1 <title>${sitename}-${seotitle}</title> <meta http-equiv="Cont ...

  6. Octopus系列之UploadValues异步上载

    不多说了直接上代码 public void ProcessRequest(HttpContext context) { context.Response.ContentType = "tex ...

  7. Octopus系列之开发中灵光点收集,先放到这里,后面会整理的

    项目中引用的组件 1.System.Data.SQLite.dll 自行编译 SQLite-1.0.66.0-source 3.5的框架:F:\Code\开源项目\SQLite\1.0.66.0_x8 ...

  8. Octopus系列之SQLite3常用命令

    导出脚本F:\B2CShop>sqlite3 B2CDB.db .dump > test.sql 导入脚本F:\B2CShop>sqlite3 B2CDB.db < B2C-S ...

  9. Octopus系列之开发过程各个技术点

    自定义了页面周期 使用唯一的一个VelocityEngine全局的静态实例,优化了小泥鳅blog中每次请求都要创建VelocityEngine实例对象,减少了对象的开销 通过UA判断请求来自的设备,从 ...

随机推荐

  1. Scala 流程空间,函数,异常处理

    1,)首先留意一下下边的代码块,他是怎么运行的,貌似在c#中他是出错的,不应该出现这样的写法的,但在scala中侧不然: package com.dt.study /** * The package ...

  2. vue.js慢速入门(2)

    4.组件使用基础 什么是组件?组件可以理解为可重用的自定义HTML. 可以使用一堆组件来构造大型应用,任意类型的应用界面都可以抽象为一个组件树: 可以把组件代码按照template.style.scr ...

  3. JS按回车键实现登录的方法

    本文实例讲述了JS按回车键实现登录的方法,该功能有着非常广泛的实用价值.分享给大家供大家参考之用.具体方法如下: 方法一: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 < ...

  4. Magento开发常用方法

    这里是我做Magento开发常用到的方法,现在总结出来,后续会把更多有用的方法总结出来. 1.直接操作数据库 查找数据:$read = Mage::getSingleton("core/re ...

  5. WLST 命令和变量

    下列部分将详细描述 WLST 命令和变量.主题包括:  WSLT 命令类别概述  浏览命令  控制命令  部署命令  诊断命令  编辑命令  信息命令  生命周期命令  节点管理器命令  树命令  W ...

  6. Android实现归属地查询功能

    实现归属地查询大体有两种方法可以实现,一种是通过归属地API进行查询,另一种是查询本地数据库.两种方法各有优劣,最好结合起来使用,我本次采用的是查询数据库的方法.首先需要从网上下载归属地数据库call ...

  7. wifi 驱动移植范例

    .改Makefile:  里面没有dm6441平台的,我看到有dm6446的,所以就在这里改了 ifeq ($(PLATFORM),DM6446) LINUX_SRC = /root/work/lin ...

  8. ASP值view State

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

  9. Doctrine2 SQL语句

    $q = Doctrine_Query::create() ->update('WebusersTable q') ->set('q.login_name','?','John') ) - ...

  10. jQuery 遍历(上)

    目录: 一:定义二:遍历 DOM三:jQuery 参考手册 - 遍历 定义:什么是遍历?jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找" ...