jQuery事件操作

最新推荐文章于 2019-08-02 21:03:40 发布

boxyuan

最新推荐文章于 2019-08-02 21:03:40 发布

阅读量231

点赞数

分类专栏： JQuery 文章标签：前端 JQuery

本文链接：https://blog.csdn.net/boxyuan/article/details/72867333

版权

JQuery 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

*1 jQuery中常用事件

1)特殊事件，在面页加载时执行，无需等候所有的<html>元素加载完毕。

*2 基于jQuery的Ajax操作

1)load(url/sendData/回调函数)
如果没有发送参数到服务端，load()方法默认以GET方式发达，
如果有发送参数到服务端，load()方法默认以POST方式发达，
注意，发送的参数一定要符合json格式，标志是{},[{},{}]
2)回调函数有三个方法
backData：以HTML字符串的形式服务端返回的数据
textStatus：服务端返回的信息“success/error/notmodify/timeout”
*xhr：通过他，可以取得xhr.responseXML/xhr.responseText/xhr.readyState/...
返回值是jQuery对象
3)$.get(url,sendData,回调方法,回传的类型)
回调函数有二个方法
backData：以HTML字符串的形式服务端返回的数据
textStatus：服务端返回的信息“success/error/notmodify/timeout”
返回值是XMLHttpRequest对象
4)$.post(url,sendData,回调方法,回传的类型)
回调函数有二个方法
backData：以HTML字符串的形式服务端返回的数据
textStatus：服务端返回的信息“success/error/notmodify/timeout”
返回值是XMLHttpRequest对象
5)使用serialize()能将jQuery对象中的参数自动转成Json格式的字符串参数，注意要为表单元素取一个name属性
var sendData = $("#formID").serialize();

6)使用jQuery的插件
a)将插包导入工程的WebRoot/WebContent目录下
b)写一个html或jsp页面，导入jquery核心包，导入插件相关的js和css文件
c)在页面加载时触发事件$(document).ready(function)({....})

jQuery 中的 Ajax

JQuery 对 Ajax 操作进行了封装, 在 jQuery 中最底层的方法时 $.ajax(), 第二层是 load(), $.get() 和 $.post(), 第三层是 $.getScript() 和 $.getJSON()

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.6.js"></script>
	</head>

	<body background="images/IMG_8357.jpg">
		<form action="ajax_demo05.html" method="post">
		<select style="font: '宋体';" >
			<option>北京</option>
			<option>广州</option>
			<option>上海</option>
			<option>深圳</option>
		</select>
		<input type="submit" value="表单提交" />
		</form>	
			
			
		
		<script type="text/javascript">
			/*
			window.οnlοad=function()
			{
				alert("传统方式加载");
			}
			$(document).ready(function()
			{
				alert("jQuery方式");
			})
			$(function()
			{
				alert("最简方式");
			})
			$("select").first().change(function()
			{
				alert($("select option:selected").html());
			});
			//页面加载与卸载时触发
			$(document).ready(function()
			{
				alert("加载");
			});
			$(document).unload(function()
			{
				alert("卸载");
			});
			*/
			$("form").first().submit(function()
			{
				alert("haha");
				return true;
			});
		</script>>
		

	</body>

</html>

boxyuan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery事件操作

*1 jQuery中常用事件 1)特殊事件，在面页加载时执行，无需等候所有的元素加载完毕。 *2 基于jQuery的Ajax操作 1)load(url/sendData/回调函数) 如果没有发送参数到服务端，load()方法默认以GET方式发达，如果有发送参数到服务端，load()方法默认以POST方式发达，注意，发送的参数一定
复制链接

扫一扫

专栏目录