jQery的ajax的应用
来源:互联网 发布:app直播软件 编辑:程序博客网 时间:2024/05/16 21:07
一.load()方法(最简单的)
load(url,[data],[callback])
url:加载的页面地址
data: 可选项,发送到服务器的数据,格式是key/value
callback:可选项,回调函数
1.最简单的应用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>load方法应用</title><script type="text/javascript" src="js/jquery-1.8.2.min.js"></script><style type="text/css"> #divframe{ border:1px solid #999; width:500px; margin:0 auto;} .loadTitle{ background:#CCC; height:30px;}</style><script type="text/javascript">$(function(){$("#btn").click(function(){ //加载整个页面 //$("#ajaxTip").load("inclue_a.html"); //加载页面中的某一元素 $("#ajaxTip").load("inclue_a.html #userinfo");})})</script></head><body><div id="divframe"> <div class="loadTitle"> <input type="button" value="获取数据" id="btn"/> </div> <div id="ajaxTip"> </div></div></body></html>其中inclue_a.html的代码如下:
<div id="userinfo">姓名:冰淇淋<br>性别:田<br>邮箱:999@123.com</div>显示结果:
点击按钮显示如下:
二.get()方法
三.post()方法
四.ajax()方法
- jQery的ajax的应用
- jqery 中几种ajax方法的对比
- jQery的用法
- 有趣的jQery
- jqery的一些
- jqery的学习案例
- jqery 的加载事件
- jqery each的用法实例
- asp.net mvc情况下使用jqery ajax的方法进行json数据传递
- 使用jquery Ajax的post方法或直接使用jqery ajax请求action 得到返回的json数据
- jqery获取单选框 选中的值
- 常用的网站地址以及Jqery整理
- 关于jqery的全选和反选-
- 一个很简单的Jqery弹出框
- 使用JQery编写表格的动态增删
- 解决jQery和其他库的冲突
- 最常用的jqery表单验证
- Jqery Ajax请求Action方法
- 用 WEKA 进行数据挖掘,第 3 部分: 最近邻和服务器端库
- 数据挖掘 - 分类算法比较
- 二叉排序/查找树
- 向数据库存储读取图片方法总结
- Proc/wakelocks文件中字段解析
- jQery的ajax的应用
- Application的初始化顺序
- python hex string 转成 bytes
- Java基础之面向对象(抽象类、接口、内部类)
- Android 属性系统(SystemProperties)
- MATLAB常用日期和时间函数
- java写的Socket客户端和服务端通信,经验证可以执行的代码,并添加了很多注释
- oracle 物化视图 -循序渐进MView(三) 基于ROWID的MView
- 设计模式C++描述__职责链(Chain of Responsibility)模式