`

JQuery简介

阅读更多
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 简介】 jQuery 是一款非常流行的 JavaScript 库,由 John Resig 创建,它以其简洁高效的设计理念——“WRITE LESS, DO MORE”而受到广泛赞誉。jQuery 的目标是简化 JavaScript 开发,使得开发者可以更轻松...

    jQuery基础.pptx

    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简介

    Java电商系统+Java学习资料+Java教程第21节+21jQuery简介。

    jQuery简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别

    首先,我们从jQuery的简介开始。jQuery是由John Resig于2006年创建的,其目标是“write less, do more”。jQuery的核心理念是提供一个简洁的API,使得开发者可以更高效地处理页面中的元素选择、事件绑定和动态效果。...

    WEB开发 之 jQuery 简介.docx

    jQuery 是一个广泛应用于 Web 开发中的 JavaScript 库,它的出现极大地简化了 JavaScript 代码的编写,使得网页交互和动态效果的实现变得更加简单高效。jQuery 的核心理念是“Write Less, Do More”,即用更少的代码...

    jquery-3.5.1.rar

    一、jQuery简介 jQuery是由John Resig创建的一个开源项目,它的目标是简化JavaScript的DOM操作、事件处理、动画设计和Ajax交互。jQuery的设计理念是"Write Less, Do More",即通过简洁的语法实现复杂的任务,提高...

    JQuery技术入门介绍_20090427

    jQuery简介 jQuery是由John Resig创建的一个JavaScript库,其主要目标是简化JavaScript的DOM操作、事件处理、动画效果和Ajax交互。通过jQuery,开发者可以以更少的代码实现更多的功能,提高开发效率。 ### 2. ...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    1. **jQuery简介** jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。它的API设计易于理解和使用,使得开发者能够用更少的代码实现更多的功能,提高了开发...

    jquery1.51

    一、jQuery简介 jQuery是由John Resig创建的一个轻量级、高性能的JavaScript库,它的主要目标是简化HTML文档遍历、事件处理、动画效果和Ajax交互。jQuery 1.5.1是其历史上的一个重要版本,它在1.5的基础上进行了多项...

    jquery手册jquery的学习jquery的学习

    一、jQuery简介 jQuery是由John Resig在2006年创建的一个轻量级的JavaScript库,它的核心理念是“Write Less, Do More”。jQuery通过提供简洁的API,使得开发者能够以更少的代码实现更多的功能,降低了JavaScript...

    jQuery 简介

    jQuery 简介 jQuery 是一个广泛应用于网页开发的 JavaScript 库,它的出现极大地简化了JavaScript编程,使得开发者能够更高效地实现丰富的交互效果和动态功能。jQuery 的核心理念是“Write Less, Do More”,即用更...

    jquery引用文件——jquery.js

    一、jQuery简介 jQuery是由John Resig开发的开源JavaScript库,其主要目标是简化JavaScript的DOM操作,同时提供丰富的事件处理、动画效果和Ajax交互。jQuery的命名源自"JavaScript"和"Quirksmode"的组合,意在解决...

    jquery基础教程中文版2015

    一、jQuery简介 jQuery由John Resig在2006年创建,其核心理念是"Write Less, Do More"。它通过提供简洁的API,让JavaScript编程变得更加简单。jQuery支持多种浏览器,包括IE6及更高版本,以及Firefox、Chrome、...

    jquery 3.5.1

    一、jQuery简介 jQuery是由John Resig于2006年创建的,它简化了DOM操作、事件处理、动画效果和Ajax交互等任务。jQuery的核心理念是"Write Less, Do More",通过简洁的语法,让复杂的JavaScript任务变得简单易行。 ...

    [jQuery实战第二版].pdf

    - jQuery简介及其核心理念。 - 如何使用jQuery简化常见的JavaScript任务。 - jQuery选择器详解。 2. **核心功能讲解**: - DOM操作技巧,包括添加、删除和修改元素。 - CSS类操作方法。 - 动画效果和jQuery UI...

    jquery-1.11.3.js.zip

    一、jQuery简介 jQuery是由John Resig于2006年创建的一个JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。jQuery的核心理念是“Write Less, Do More”,即用更少的代码实现更多的功能。...

    JQuery-1.4 and JQuery-1.4.mini

    一、jQuery简介 jQuery是由John Resig在2006年创建的一个开源JavaScript库,它的目标是“Write Less, Do More”。jQuery简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务,极大地提高了前端开发效率。 二...

    jQuery图片裁剪插件jQuery-photoClip

    jQuery简介 jQuery是由John Resig在2006年创建的一个JavaScript库,其核心理念是“Write Less, Do More”。jQuery极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。它使得JavaScript编程变得更加...

Global site tag (gtag.js) - Google Analytics