jquery load方法
来源:互联网 发布:java 64位整型 编辑:程序博客网 时间:2024/04/28 09:57
语法如下:
load(url[,data][,callback]):向远程url发送异步请求,并直接将服务器响应插入当前jquery对象匹配的DOM元素之内。
代码:
index.html
<form id="user">用户名:<input type="text" name="user" /><br />喜欢的颜色:<select multiple="multiple" name="colors"><option value="red">红色</option><option value="green">绿色</option><option value="blue">蓝色</option><option value="black">黑色</option></select><br /><input id="load" type="button" value="Load"/></form><hr /><div id="show"></div><script src="jquery-1.2.6.min.js" type="text/javascript"></script><script type="text/javascript">//为id为load的按钮绑定事件处理函数$("#load").click(function(){//向pro.jsp发送Ajax请求,并自动加载服务器响应$("#show").load("pro.jsp" , $("#user").serializeArray());});</script>
向pro.jsp发送异步请求,并自动加载服务器返回的值,其中第二个参数data代表发送请求的参数,这里是指将jquery对象包含的表单或表单控件转化成一个数组,(即id为user的表单转换成数组,并传到服务器),jsp代码如下:
<%@ page contentType="text/html; charset=GBK" language="java" %><%//获取请求参数String user = request.getParameter("user");String[] colors = request.getParameterValues("colors");//生成HTML字符串响应out.println(user + ",您好,现在时间是:" + new java.util.Date());out.println("<br />您喜欢的颜色如下:");out.println("<ol>");for(int i = 0 ; i < colors.length ; i++){out.println("<li>" + colors[i] + "</li>");}out.println("</ol>");%>
运行后结果如下:
假如load("pro.jsp" , $("#user").serializeArray())中没有传入这data,则在jsp里String[] colors = request.getParameterValues("colors");将取不到此表单
- jquery的load方法----$().load
- JQuery 的load()方法
- jQuery Ajax load()方法
- jQuery的 Load 方法
- jquery load方法使用
- jquery load方法
- jQuery load()方法用法
- jQuery - AJAX load() 方法
- jQuery load()方法
- jQuery-ajax-.load方法
- jQuery - AJAX load() 方法
- JQUERY的load方法
- jQuery的load()方法
- jquery.load()方法
- jQuery - AJAX load() 方法
- jQuery - AJAX load() 方法
- jquery的load方法
- jQuery - AJAX load() 方法
- struts2+mysql 实现分页效果
- Widget 的创建
- 用GDB调试程序一
- 黑马程序员-江远云 我的java语言基础之路1-异常篇
- PHP版本的讲解
- jquery load方法
- 读取一个文件,并且打印到控制台上
- IEEE754标准
- WPF中实现PropertyGrid(用于展示对象的详细信息)的三种方式
- 第四周实验报告(3)
- Ubuntu 11.10 图形(图解)安装教程、基本设置、网络设置、软件源、硬件驱动
- 遍历Map
- Hashtable和Hashmap的区别
- 用GDB调试程序(二)