jQuery事件操作

来源：互联网发布：魔据大数据编辑：程序博客网时间：2024/05/18 01:33

*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.onload=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>

阅读全文

0 0