Ajax及jQuery学习
- AJAX(Asynchronous JavaScript and XML),异步的javaScript与XML
- AJax中一个重要的对象是XMLHttpRequest.
function ajaxSubmit() {
var xmlHttpRequest = null; //声明一个空象以接收XMlHttpRequest对象
if (window.ActiveXObject) { //IE浏览器
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) { //除IE的其他浏览器实现
xmlHttpRequest = new XMLHttpRequest();
}
if (null != xmlHttpRequest) {
var v1 = document.getElementById("value1ID").value;
var v2 = document.getElementById("value2ID").value;
xmlHttpRequest.open("GET", "Ajaxservlet?v1=" + v1 + "&v2=" + v2 ",true");
//POST请求
xmlHttpRequest.open("POST", "Ajaxservlet");
//关联好ajax回调函数
xmlHttpRequest.onreadystatechange = ajaxCallback;
//真正向服务器发送数据()
xmlHttpRequest.send(); //如果是post,就要写你要发的信息
//POST方法提交,
//默认的表单方式,请求头
xmlHttpRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlHttpRequest.send("v1=" + v1 + "&v2=" + v2 ");
}
}"
3.使用Ajax准备向服务器端发送请求,
xmlHttpRequest.open("GET", "Ajaxservlet", "true");
function ajaxCallback() {
alert("test");
//完全收到服务器的响应
if (xmlHttpRequest.readyState == 4) {
//服务器没有抛异常,给我们正确的结果了
if (xmlHttpRequest.status == 200) {
var responseText = xmlHttpRequest.responseText;
document.getElementById("div1").innerHTML = responseText;
}
}
}
4.调用Ajax, onclick=”ajaxSubmit();”
js中,name的话取第0个元素,如果是id,则直接getElementById
doGet {
String v1 = request.getParameter("v1");
String v2 = request.getParameter("v2");
String v3 = String.valueOf(Integer.valueOf(v1) + Integer.valueOf(v2));
PrintWrite out = response.getWriter();
System.out.println("doGet invoked");
response.setHeader("pragma", "no-cache");
response.setHeader("cache-control", "no-cache);
out.flush();
}
jquery
引入jquery
开始写jquery 口号:write less,do more
ready方法的作用是当页面中的dom加载完毕后,开始执行函数中的参数
跟onload很像
<script type="text/javascript">$ {
document
}.ready(function() {
alert("hello world");
});
//底层通过循环来实现
//click是一个方法
$(document).ready(function() {
$("a"),
click(function() {
alert("hello world");
});
});</script>
html:
<h1>javascript
<h1>
<body>
<a href="#">test1</a>
<br>
<a href="#">test2</a>
<br>
<a href="#">test3</a>
<br>
<div id="clickme"></div>
</body>
$(document).ready(function(){
var pElement =document.getElementByTagName("p")[0]; //将DOM对象转变成jQuery对象
var pElementjQuery=$(pElement);
alert("DOM对象结果:"+pElement.innerHTML);
alert("jQuery对象的结果:"+pElementjQuery.html());
var cm=$("#clickme");//获得的是jQuery对象
//jQuery对象转换为Dom对象(第一种方式)
var t=cm[0];//t是dom对象
alert(t.innerHTML);
})
Ajax及jQuery学习的更多相关文章
- jQuery学习笔记之Ajax用法详解
这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下 本文实例讲述了j ...
- jQuery学习(2)ajax()使用
在上一篇分享JavaScript之使用AJAX(适合初学者)中,我们学习了如何在JavaScript中使用AJAX.由于jQuery出色的性能和简洁的写法,且它也支持AJAX的使用,所以,本次分享 ...
- (高级篇)jQuery学习之jQuery Ajax用法详解
jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍. 我们先从最简单的方法看起 ...
- jQuery学习笔记之jQuery的Ajax(3)
jQuery学习笔记之jQuery的Ajax(3) 6.jQuery的Ajax插件 源码地址: https://github.com/iyun/jQueryDemo.git ------------- ...
- jquery学习笔记(五):AJAX
内容来自[汇智网]jquery学习课程 5.1 ajax AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新. AJAX = 异步 JavaScript 和 XML ...
- jQuery学习之jQuery Ajax用法详解
jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍. 我们先从最简单的方法看起 ...
- jQuery学习之jQuery Ajax用法详解(转)
[导读] jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍.我们先从最简单的 ...
- jQuery学习小结3——AJAX
一.jQuery的Ajax方法 jQuery对Ajax 做了大量的封装,使用起来也较为方便,不需要去考虑浏览器兼容性.对于封装的方式,jQuery 采用了三层封装: 最底层的封装方法为——$.ajax ...
- jQuery学习之旅 Item10 ajax快餐
1. 摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章讲解如何使用jQuery方便快捷的实现A ...
随机推荐
- 干货满满,腾讯云+社区技术沙龙 Kafka Meetup 深圳站圆满结束
欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 云+导语:4月22日,由腾讯云和 Kafka 社区主办.开源中国协办的腾讯云+社区技术沙龙 Kafka Meetup 深圳站在腾讯大厦举行, ...
- 原生js实现preAll和nextAll方法
一直以来都在好奇,jquery的prevAll和nextAll方法都是咋实现的,那么厉害,而且还那么方便.不得不说,jquery真的帮我们省去了开发中手写大量js代码带来的开发进度问题,而且很好的解决 ...
- Redis设置Key的过期时间 – EXPIRE命令
EXPIRE key seconds 为给定 key 设置生存时间,当 key 过期时(生存时间为 0 ),它会被自动删除. 操作key对生存时间的影响 生存时间可以通过使用 DEL 命令来删除整个 ...
- 常见常用的CSS
字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD 样式 {font-style: obl ...
- MySQL 排序
MySQL 排序 我们知道从MySQL表中使用SQL SELECT 语句来读取数据. 如果我们需要对读取的数据进行排序,我们就可以使用MySQL的 ORDER BY 子句来设定你想按哪个字段哪中方式来 ...
- 前端技术之_CSS详解第一天
前端技术之_CSS详解第一天 一html部分 略.... 二.列表 列表有3种 2.1 无序列表 无序列表,用来表示一个列表的语义,并且每个项目和每个项目之间,是不分先后的. ul就是英语unorde ...
- Docker: How to enable/disable HTTP Proxy in Toolbox
1. docker-machine ssh default 2. sudo vi /var/lib/boot2docker/profile 3. # replace with your offi ...
- 为什么内部类访问的外部变量需要使用final修饰
因为生命周期的原因.方法中的局部变量,方法结束后这个变量就要释放掉,final保证这个变量始终指向一个对象.首先,内部类和外部类其实是处于同一个级别,内部类不会因为定义在方法中就会随着方法的执行完毕而 ...
- JVM三种垃圾收集算法思想及发展过程
JVM垃圾收集算法的具体实现有很多种,本文只是介绍实现这些垃圾收集算法的三种思想和发展过程.所有的垃圾收集算法的具体实现都是遵循这三种算法思想而实现的. 1.标记-清除算法 标记-清除(Mark-Sw ...
- Android二维码扫描、生成
Android二维码扫描.生成 现在使用二维码作为信息的载体已经越来越普及,那么二维码的生成以及扫描是如何实现的呢 google为我们提供了zxing开源库供我们使用 zxing GitHub源码地址 ...