JQuery简介
Demo:
1..ajax请求-->Get
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#b01").click(function(){
htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
$("#myDiv").html(htmlobj.responseText);
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="b01" type="button">改变内容</button>
</body>
</html>
2.Get请求：
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.get("/example/jquery/demo_test.asp",function(data,status){
alert("数据：" + data + "\n状态：" + status);
});
});
});
</script>
</head>
<body>
<button>向页面发送 HTTP GET 请求，然后获得返回的结果</button>
</body>
</html>
3.Post请求：
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("/example/jquery/demo_test_post.asp",
{
name:"Donald Duck",
city:"Duckburg"
},
function(data,status){
alert("数据：" + data + "\n状态：" + status);
});
});
});
</script>
</head>
<body>
<button>向页面发送 HTTP POST 请求，并获得返回的结果</button>
</body>
</html>
<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>
4..ajax-->Get请求：
function Play(videoId){
var videoName= $("#videoName").val();//将页面上id="videoName"的值拿过来
$.ajax({
type : "GET",
url : "/video/getVideoPlayURL?videoId="+videoId+"&videoName="+videoName,
dataType : "text", //json
success : function(data) {
var ret = eval(data);//data为controller返回的数据，将它转成ret对象
$("#jishu").val(ret.jishu);//将ret对象中jishu值赋到id="jishu"中
}});
}
<a href="javascript:void(0)" onclick="Play(${video.id})">Ajax请求</a>
a.dataType:"text"
String videoURL = "ajax返回的字符串";
return "@" + videoURL;
b.dataType:"json"
Map<String,Object> urlMap = new HashMap<String,Object>();
urlMap.put("jishu", newjishu);
urlMap.put("url", videoURL);
String result = JSONObject.fromObject(urlMap).toString();
return "@" + result;
http://www.w3school.com.cn/jquery/
分享到：
相关推荐
【jQuery 简介】 jQuery 是一款非常流行的 JavaScript 库，由 John Resig 创建，它以其简洁高效的设计理念——“WRITE LESS, DO MORE”而受到广泛赞誉。jQuery 的目标是简化 JavaScript 开发，使得开发者可以更轻松...
1 jQuery简介 jQuery优势 jQuery安装 jQuery语法 1、jQuery简介 1.1 学习jQuery之前，需要以下基础知识 HTML CSS JavaScript 1、jQuery简介 1.2 什么是jQuery? jQuery是一个JavaScript函数库 轻量级，“写的少，做的...
Java电商系统+Java学习资料+Java教程第21节+21jQuery简介。
首先，我们从jQuery的简介开始。jQuery是由John Resig于2006年创建的，其目标是“write less, do more”。jQuery的核心理念是提供一个简洁的API，使得开发者可以更高效地处理页面中的元素选择、事件绑定和动态效果。...
jQuery 是一个广泛应用于 Web 开发中的 JavaScript 库，它的出现极大地简化了 JavaScript 代码的编写，使得网页交互和动态效果的实现变得更加简单高效。jQuery 的核心理念是“Write Less, Do More”，即用更少的代码...
一、jQuery简介 jQuery是由John Resig创建的一个开源项目，它的目标是简化JavaScript的DOM操作、事件处理、动画设计和Ajax交互。jQuery的设计理念是"Write Less, Do More"，即通过简洁的语法实现复杂的任务，提高...
jQuery简介 jQuery是由John Resig创建的一个JavaScript库，其主要目标是简化JavaScript的DOM操作、事件处理、动画效果和Ajax交互。通过jQuery，开发者可以以更少的代码实现更多的功能，提高开发效率。 ### 2. ...
1. **jQuery简介** jQuery是一个轻量级的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。它的API设计易于理解和使用，使得开发者能够用更少的代码实现更多的功能，提高了开发...
一、jQuery简介 jQuery是由John Resig创建的一个轻量级、高性能的JavaScript库，它的主要目标是简化HTML文档遍历、事件处理、动画效果和Ajax交互。jQuery 1.5.1是其历史上的一个重要版本，它在1.5的基础上进行了多项...
一、jQuery简介 jQuery是由John Resig在2006年创建的一个轻量级的JavaScript库，它的核心理念是“Write Less, Do More”。jQuery通过提供简洁的API，使得开发者能够以更少的代码实现更多的功能，降低了JavaScript...
jQuery 简介 jQuery 是一个广泛应用于网页开发的 JavaScript 库，它的出现极大地简化了JavaScript编程，使得开发者能够更高效地实现丰富的交互效果和动态功能。jQuery 的核心理念是“Write Less, Do More”，即用更...
一、jQuery简介 jQuery是由John Resig开发的开源JavaScript库，其主要目标是简化JavaScript的DOM操作，同时提供丰富的事件处理、动画效果和Ajax交互。jQuery的命名源自"JavaScript"和"Quirksmode"的组合，意在解决...
一、jQuery简介 jQuery由John Resig在2006年创建，其核心理念是"Write Less, Do More"。它通过提供简洁的API，让JavaScript编程变得更加简单。jQuery支持多种浏览器，包括IE6及更高版本，以及Firefox、Chrome、...
一、jQuery简介 jQuery是由John Resig于2006年创建的，它简化了DOM操作、事件处理、动画效果和Ajax交互等任务。jQuery的核心理念是"Write Less, Do More"，通过简洁的语法，让复杂的JavaScript任务变得简单易行。 ...
- jQuery简介及其核心理念。 - 如何使用jQuery简化常见的JavaScript任务。 - jQuery选择器详解。 2. **核心功能讲解**： - DOM操作技巧，包括添加、删除和修改元素。 - CSS类操作方法。 - 动画效果和jQuery UI...
一、jQuery简介 jQuery是由John Resig在2006年创建的一个开源JavaScript库，它的目标是“Write Less, Do More”。jQuery简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务，极大地提高了前端开发效率。 二...
jQuery简介 jQuery是由John Resig在2006年创建的一个JavaScript库，其核心理念是“Write Less, Do More”。jQuery极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。它使得JavaScript编程变得更加...
一、jQuery简介 jQuery是由John Resig创建的一个轻量级的JavaScript库，它的目标是简化HTML文档遍历、事件处理、动画和Ajax交互。jQuery的核心理念是"Write Less, Do More"，通过提供简单易用的接口，使得复杂的DOM...