1 JQuery操作radio
     1)获取按钮选中的值:$("input:radio:checked").val();
     2)选中或者取消选中某个Radio的方法,可以通过添加属性或者删除属性checked来完成
     $("#radioId").attr("checked",true);$("#radioId").removeAttr("checked");

2 ajax请求时dataType的作用
     dataType设置为某种类型(如json),但请求返回的数据格式非该类型时,ajax会走入异常返回的函数error function(e){}中,该分支应该尽量记录异常信息便于错误排查。async:false,异步标识为false可以使JS顺次执行,默认为true。如果对JS执行顺序要求同步,则可设置改标识为false,如果失效则应该检查该属性的名称是否正确。

3 页面直接跳转到某个页面的方法
     window.location.href="";

4 Resource interpreted as Document but transferred with MIME type application/json: "http://localhost:8080/addResource".
  使用form提交时返回的是Documment的。

5 对于具有display:none样式的表单

在提交时是以hidden的形式提交了,我有一个表单是select ,但是处于某个display:none的Div中,结果提交后JS报错:
Uncaught InvalidStateError: Failed to read the 'selectionDirection' property from 'HTMLInputElement': The input element's type ('hidden') does not support selection.
display:none的表单的表单是以hidden形式提交的,我的select虽然是不显示的,但是添加了option选项,导致此问题。直接删掉该不需要显示的select表单就好了。此外,disable的表单,是不会被提交的。如果不想让某个表单可操作同时又需要提交,应该使用readonly属性,而不是disable属性。

6 js的动态拼接语句

1)在JS中拼接html元素时,对字符串需要用引号引住,如果是在引号内需要添加字符串,应交替使用另外一种引号引住。例如:在如下JS中动态拼接显示列表时,第一个单元格td的内容是一个radio,需要动态设置一个onclick="checkRadio(this,localUrl)"   属性,而属性值指向的是函数的第二个参数是一个字符串,需要使用引号表示字符串,而外层属性使用了双引号,则属性内的字符串则应该交替使用单引号,即:onclick="checkRadio(this,'localUrl')",如果localUrl使用转义双引号,则JS会抛出则异常,异常原因是外层的双引号和内层双引号冲突。这种场景下必须使用单、双引号交替。

[javascript] view plaincopy
  1. function setImageTable(){
  2. var tBody = $("#imageTableId");
  3. tBody.find("tr").remove();
  4. if (resources != null) {
  5. for ( var i = 0; i < resources.length; i++) {
  6. var item = resources[i];
  7. var tr = $("<tr/>");
  8. tr.append("<td><input type=\"radio\" name=\"mediaId\" value=\""+item.id+"\"  onclick=\"checkRadio              (this,'"+item.localUrl+"')\"/></td>");
  9. tr.append("<td><img src='"+item.localUrl+"' width='100' height='100'/></td>");
  10. tr.append("<td>" + formatText(item.name)+ "</td>");
  11. tr.append("<td>" + formatText(item.description)+ "</td>");
  12. tBody.append(tr);
  13. }
  14. }
  15. }

2)undefined和字符串'undefined'不是同一个东西
        我用JS拼接了一个Radio表单的值,希望通过判断该值是否为空来判断Radio是否被选中。而在上面的函数setImageTable的第一行由于item并没有属性id,导致radio的value是'undefine'而不是undefined关键字而判断错误。正常改正后,如果没有选中radio则,checked值是未定义关键字的。

[javascript] view plaincopy
  1. function save(){
  2. //获取选择按钮的值
  3. var checked = "";
  4. checked = $('input:radio:checked').val();
  5. if(checked==undefined&&msgType != 'text'){
  6. alert("请选择要发送的消息素材!");
  7. return;
  8. }
  9. }

结论:

编程是细致活,工具则是越用越灵活,各种小问题解决后也整理了一箩筐,积累积累! 工作以来一直都是做后台开发,没有专门学习过javascript,只是凭借对java的了解,以及语言想通的特点参与页面的开发。也能应对项目中页面的开发工作,虽然碰到各种简单的问题,总结起来也丰富了自己JS方面的知识。

jquery 常见问题--转载的更多相关文章

  1. 写jquery插件(转载)

    如今做web开发,jquery 几乎是必不可少的,就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了.至于使用jquery好处这里就不再赘述了,用过的都知道.今天我们来讨论下jq ...

  2. 10条建议让你创建更好的jQuery插件(转载)

    为了避免重复造轮子,自己手动开发jquery 插件,让小组其他成员可以直接使用.学习开发中,看到Phillip Senn 写的 关于jquery 插件开发注意10点,转载之! ------------ ...

  3. jquery常见问题

    1.下面哪种说法是正确的? 您的回答:jQuery 是 JavaScript 库 2.jQuery 使用 CSS 选择器来选取元素? 您的回答:错误 正确答案:正确 3.jQuery 的简写是? 您的 ...

  4. jQuery validate (转载)

    转自:http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html jQuery校验 官网地址:http://bassistance.de/jquery-p ...

  5. Cocoapod安装使用和常见问题(转载)

      1.cocoapod的按照,cocoapod是运行在ruby环境下的,在ruby环境的 ,像cocoapod这样的开源项目时放在放在rubygems服务器上面的,但国内访问https://ruby ...

  6. jQuery Datatable 转载

    jQuery Datatable 实用简单实例 时间 2014-05-08 10:44:18  51CTO推荐博文 原文  http://sgyyz.blog.51cto.com/5069360/14 ...

  7. jquery deferred 转载

    阮一峰的网络日志 » 首页 » 档案 JavaScript http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquer ...

  8. 一个小时学会jQuery(转载)

    目录 一.jQuery简介与第一个jQuery程序 1.1.jQuery简介 1.2.jQuery特点 1.3.jQuery版本 1.4.获得jQuery库 1.5.第一个jQuery程序 二.jQu ...

  9. JQuery选择器(转载)

    原文:https://blog.csdn.net/colorapp/article/details/44279645 一. jQuery选择器是什么1. CSS选择器要是某个样式应用于特定的HTML元 ...

随机推荐

  1. Codeforces Round #339 (Div. 2) B. Gena's Code 水题

    B. Gena's Code 题目连接: http://www.codeforces.com/contest/614/problem/B Description It's the year 4527 ...

  2. 64位ubuntu下装32位软件

    本帖最后由 wuy069 于 2013-10-25 12:28 编辑 很多软件只有32位的,有的依赖32位库还挺严重的:从ubuntu 13.10已经废弃了ia32-libs,但可以使用多架构,安装软 ...

  3. ecmall widgets 挂件开发详解

    Ecmall挂件开发 实质上是后台开发很多页面,分别去调用程序展示这些页面,达到首页内容更换很快的目的,这样做减少后续开发,开发人员只需开发挂件就可以了,至于位置可随意定.(还需调整html,但是起码 ...

  4. ListView的自动循环滚动显示

    最近项目里需要做评价内容的循环滚动显示,一开始想到的就是定时器.后来查了资料才知道ListView里面有个函数smoothScrollToPosition(position),瞬间觉得简单了很多.首先 ...

  5. 进程控制之exit函数

    进程有下面5种正常终止方式: (1)在main函数内执行return语句.这等效于调用exit. (2)调用exit函数.此函数有ISO C定义,其操作包括调用各终止处理程序(终止处理程序在调用ate ...

  6. LeetCode46,47 Permutations, Permutations II

    题目: LeetCode46 I Given a collection of distinct numbers, return all possible permutations. (Medium) ...

  7. IIS 之 HTTP 错误 500.19(无法访问请求页面,因为该页的相关配置数据无效)

    HTTP 错误 500.19- Internal Server Error 错误解决方法,碰到这个问题的原因有很多,大家可以参考下,看属于哪种情况. 刚在本机部署了一个WebService测试,浏览的 ...

  8. [ASP.NET] Http协议GET与POST

    引言 HTTP 协议我想任何IT人士都耳熟能详了,大家都能说出个所以然来.但是如果我问你HTTP协议的请求方法有哪些?POST与GET的差异?GET或POST传送数据量的大小有限制吗?HTTP响应的状 ...

  9. Android(java)学习笔记65:线程的生命周期

    1. 我们学习线程本质就是学习如何开始线程和终止线程.下面这个关于线程的生命周期图,要牢记: 新建状态:当程序使用new关键字创建了一个线程之后,该线程就处于新建状态.此时和其他Java对象一样,它仅 ...

  10. Ubuntu14.04 搭建 node.js 环境(Binaries方式)

    从官网下载 http://nodejs.org/download/ Linux Binaries (.tar.gz)  下载下来的是node-v0.10.29-linux-x64.tar.gz文件 解 ...