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有并发上的缺陷
在线程是导入多个地址时 就看出来了
Octopus系列之一些问题的汇总的更多相关文章
- Octopus系列之如何让前台的js脚本变得灵活重用
Octopus系列如何让前台的js脚本变得灵活,重用 方式1:ajax方式 方式2:form表单方式 面向对象的脚本封装 jQuery的封装 做Web开发的少不了前台Ajax的使用, 返回true:f ...
- iView 实战系列教程(21课时)_汇总贴
iView 实战系列教程(21课时)_汇总贴 课程地址; https://segmentfault.com/ls/1650000016424063 iView 实战系列教程(21课时)_1.iView ...
- Octopus系列之代码备份
代码 $.extend($.validator.messages, { required: "This field is required.", remote: "Ple ...
- Octopus系列之各个页面调用示例
调用首页产品 可选参数如下 New = 1, Hot = 2, Best = 3, Special = 4, Featured = 5, Other = 6 #foreach($item in $oc ...
- Octopus系列之模板快速开发手册
公共代码 html_header_1 <title>${sitename}-${seotitle}</title> <meta http-equiv="Cont ...
- Octopus系列之UploadValues异步上载
不多说了直接上代码 public void ProcessRequest(HttpContext context) { context.Response.ContentType = "tex ...
- Octopus系列之开发中灵光点收集,先放到这里,后面会整理的
项目中引用的组件 1.System.Data.SQLite.dll 自行编译 SQLite-1.0.66.0-source 3.5的框架:F:\Code\开源项目\SQLite\1.0.66.0_x8 ...
- Octopus系列之SQLite3常用命令
导出脚本F:\B2CShop>sqlite3 B2CDB.db .dump > test.sql 导入脚本F:\B2CShop>sqlite3 B2CDB.db < B2C-S ...
- Octopus系列之开发过程各个技术点
自定义了页面周期 使用唯一的一个VelocityEngine全局的静态实例,优化了小泥鳅blog中每次请求都要创建VelocityEngine实例对象,减少了对象的开销 通过UA判断请求来自的设备,从 ...
随机推荐
- smartdraw2013破解方法
smartdraw是一个非常好的画图工作,最大的优点就是支持多种图形,采用模板的方式在线扩充,可以快速画出你想要的图形,具体的介绍见其他资料. 这里是我自己的破解办法. 网上的下载都包含破解工具,但是 ...
- request.get request.GET……
发现他们是不同的. 报错: AttributeError at /add/ 'WSGIRequest' object has no attribute 'get' Request Method: GE ...
- [原创] Linux下几种文件传输命令 sz rz sftp scp介绍
Linux下几种文件传输命令 sz rz sftp scp介绍 1.sftp Secure Ftp 是一个基于SSH安全协议的文件传输管理工具.由于它是基于SSH的,会在传输过程中对用户的密码.数据等 ...
- html5中的beginPath与stroke
名词解释: 定义和用法 beginPath() 方法在一个画布中开始子路径的一个新的集合. 语法 beginPath() 描述 beginPath() 丢弃任何当前定义的路径并且开始一条新的路径.它把 ...
- mongo基本语句
批量更新 db.test.updateMany({name:'test'},{$set:{value:1}}) 单更新 db.test.update({name:'test'},{$set:{valu ...
- android 多点
引用:http://blog.163.com/fenglang_2006/blog/static/13366231820108205274325/ 第一章摘要 在Linux内核支持的基础上,Andro ...
- tar命令参数笔记
是指的linux下的tar命令,该命令的用法相当多,以下的内容来自tar的info手册 --numeric-owner This option will notify 'tar' thar it sh ...
- 指定YUM安装包的体系结构或版本
在单一体系结构下同时安装32位和64位包echo ‘multilib_policy=all’ >> /etc/yum.conf 指定体系结构 查看当前系统体系结构[root@oracle ...
- C#的path.GetFullPath 获取上级目录实现方法
这篇文章主要介绍了C#的path.GetFullPath 获取上级目录实现方法,包含了具体的C#实现方法以及ASP.net与ASP等的方法对比,非常具有实用价值,需要的朋友可以参考下 本文实例讲述 ...
- Yeoman自动构建js项目
Aug 19, 2013 Tags: bowergruntJavascriptjsnodejsyeomanyo Comments: 10 Comments Yeoman自动构建js项目 从零开始nod ...