jquery ajax 个人总结
jquery :
在获取对象的时候,不要用dem的与jquery的混合写法,有的时候 用js获取到的对象 没有JQUERY对应的方法 会报一些不知道的错误。(即如果要使用jquery 就使用jquery 不要乱着使用,因为在不同的浏览器中,兼容是不一样的,因此会造成一些方法的缺失).
如果html代码是动态生成的,且需要之前定义好的动作可以使用,则需要用live代替bind,并且最好不要直接使用click,hover等直接时间,通过绑定将会更好.
window.location.href ="" 链接
window.location.href.getQueryString() 获得链接中所带的参数
将select改为可筛选的模式 在使用flexSelect 插件在实际中的运用
function initMasterID()
{
$(".MasterID").html("");
$.ajax({
url:"/api/initMasterID",
type:"post",
data:{sid:sid},
success:function(data){
var html = "";
for(i=0;i<data.data.length;i++)
{
var value = data.data[i]["ID"];
var text =data.data[i]["Username"]+"    "+data.data[i]["NickName"];
html = html+"<option value = '"+value+"'>"+text+"</option>";
}
html+="<script type='text/javascript'>$('select[class*=flexselectUser]').flexselect()\;<\/script>";
$(".MasterID").append(html);
inputAddMasterID = data.data[0]["ID"];
}
});
}
为jquery dialog 里面的按钮 添加图标
$('.ui-dialog-buttonpane').find('img').remove();
$('.ui-dialog-buttonpane').find('button:contains("保存")').removeClass('ui-button-text-only').addClass('ui-button-text-icon-primary').prepend('<img style="width:20px;height:20px;margin:5px 0 0 5px;float:left;" src="http://images.cnblogs.com/20130314051621481_easyicon_net_48.ico" />');
$('.ui-dialog-buttonpane').find('button:contains("取消")').removeClass('ui-button-text-only').addClass('ui-button-text-icon-primary').prepend('<img style="width:20px;height:20px;margin:5px 0 0 5px;float:left;" src="http://images.cnblogs.com/20130314051600862_easyicon_net_48.ico" />');
$('.ui-dialog-buttonpane').find('button:contains("删除")').removeClass('ui-button-text-only').addClass('ui-button-text-icon-primary').prepend('<img style="width:20px;height:20px;margin:5px 0 0 5px;float:left;" src="http://images.cnblogs.com/20130315101138263_easyicon_net_48.ico" />');
可以直接使用
ajax:
ajax 后来生成的元素 或者赋值问题 当你不将后续行为写在回调函数中区 可能会导致当你运行到其他的地方的时候 ajax还没有得到返回 就会导致行为的不执行 或者样式的没有设定好 因此 要彻底理解ajax的特征 、
忽略了ajax的加载时间,不一定在下面的就是后加载好,如果部署到服务器上,访问时间可能不一样。因此,要对ajax的这个异步加载的时间要进行深刻的理解。(多表现在,刷新页面的时候,有的时候表现很正常,有的时候表现异常,上下不一致。还有就是在对ajax动态生成的元素进行操作时,一定要写在ajax的回调函数中去,不然ajax当你对生成的元素进行控制时,它还不一定被生成。最经典的例子,就是alert的时候,然后能够正常运行,如果没有alert 则不能够正常表现。)
中文乱码问题:无敌解决法 在前台escape('参数'),后台Server.UrlDecode(System.Web.HttpUtility.UrlDecode(Request("参数"));
jquery ajax 个人总结的更多相关文章
- IE8/9 JQuery.Ajax 上传文件无效
IE8/9 JQuery.Ajax 上传文件有两个限制: 使用 JQuery.Ajax 无法上传文件(因为无法使用 FormData,FormData 是 HTML5 的一个特性,IE8/9 不支持) ...
- jquery ajax解析
jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对 ...
- jQuery.ajax 根据不同的Content-Type做出不同的响应
使用H5+ASP.NET General Handler开发项目,使用ajax进行前后端的通讯.有一个场景需求是根据服务器返回的不同数据类型,前端进行不同的响应,这里记录下如何使用$.ajax实现该需 ...
- jQuery.ajax(url,[settings])
概述 通过 HTTP 请求加载远程数据. jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象. ...
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
jQuery Ajax 实例 ($.ajax.$.post.$.get) 转 Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. ...
- jQuery Ajax传值给Servlet,在Servlet里Get接受参数乱码的解决方法
最近在学jquery ui,在做一个小功能的时候需要将前台的值获取到,通过Ajax传递给Servlet,然后再在返回数据结果,但是在Servlet接受参数的时候,通过后台打印,发现接受乱码,代码示例如 ...
- JQuery+Ajax+Struts2+Hibernate 实现完整的登录注册
写在最前: 下午有招聘会,不想去,总觉得没有准备好,而且都是一些不对口的公司,可是又静不下心来,就来写个博客. 最近在仿造一个书城的网站:http://www.yousuu.com ,UI直接拿来用, ...
- 用.NET MVC实现长轮询,与jQuery.AJAX即时双向通信
两周前用长轮询做了一个Chat,并移植到了Azure,还写了篇博客http://www.cnblogs.com/indream/p/3187540.html,让大家帮忙测试. 首先感谢300位注册用户 ...
- jQuery AJAX 网页无刷新上传示例
新年礼,提供简单.易套用的 jQuery AJAX 上传示例及代码下载.后台对文件的上传及检查,以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP). 有时做一个网站项目 ...
- 用JQuery Ajax 与一般处理程序 请求数据无刷新,以及如何调试错误
通过 ajax() 与 一般处理程序,请求数据库数据,实现界面无刷新. Jquery ajax 请求参数详细说明 http://www.w3school.com.cn/jquery/ajax_ajax ...
随机推荐
- jsmooth 中文乱码
为了一个问题 语言国际国际化 测试了这么多回 ,真佩服自己 jsmooth 中文乱码 语言乱码 的解决办法 : 需要在“JVM” 的参数 中填入一项 : user.language=en 而不是 ...
- linux下线程调用sleep,进程挂起
http://blog.csdn.net/horstlinux/article/details/7911457 http://blog.csdn.net/eroswang/article/detail ...
- pro10
1.本次课学习到的知识点: 什么是数组?为什么要使用数组?如何定义数组? 如何引用数组元素? 2. 实验过程中遇到的问题及解决方法: 在最后一个试验中,在输出最大小标那里进行了仔细的思考,刚开始思考应 ...
- about eclipse
导出javadoc command选择bin下的javadoc.exe 配置编码和文字 英文:-locale en_US -encoding UTF-8 -charset UTF-8 中文:-loca ...
- node express 学习2
上次我们的express已经安装好了 接下来我们修改渲染引擎为html // view engine setup app.set('views', path.join(__dirname, 'view ...
- 计算A+B及其结果的标准形式输出
题目: 代码链接 解题思路: 首先,读懂题目,题目要求我们计算两个整型数a,b之和,这是简单的加法计算,与平常的题目一般无二.但是此题的不同在于要求我们输出的数必须是标准形式,题目也对标准形式做了相应 ...
- Redis实现分布式锁
http://redis.io/topics/distlock 在不同进程需要互斥地访问共享资源时,分布式锁是一种非常有用的技术手段. 有很多三方库和文章描述如何用Redis实现一个分布式锁管理器,但 ...
- AspectJ本质剖析
AOP一共有两种方式,spring默认使用的是动态代理(JDK自带的动态代理或者使用cglib的动态代理)和静态代理(ASPECTJ) http://blog.csdn.net/zhao9tian/a ...
- 深入理解BootStrap之栅格系统(布局)
1.栅格系统(布局) Bootstrap内置了一套响应式.移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列. 我在这里是把Bootstrap中的栅 ...
- Ubuntu 安装软件
1,安装pthread的man文档 sudo apt-get install manpages-posix manpages-posix-dev