jQuery开发之Ajax
1。load()方法
(1)load()方法是jQuery中最经常使用和最简单的Ajax方法，能载入远程HTML代码，并插入代码中。
它的结构为：
load(url [,data] [,callback])load()方法解释例如以下表所看到的
演示样例代码例如以下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>jQuery test </title>
<script type ="text/javascript" src ="jquery.js" ></script>
<link href="styles.css" rel="stylesheet" type="text/css" />
<script type ="text/javascript">
$(document).ready(function(){
$("#send").click(function(){
$("#resText").load("test.html");
});
});
</script>
</head>
<body>
<div class ="comment">
<h6>张三：</h6>
<p class ="para">沙发</p>
</div>
<div class ="comment">
<h6>李四：</h6>
<p class ="para">板凳</p>
</div>
<div class ="comment">
<h6>王五：</h6>
<p class ="para">地板</p>
</div>
<input type ="button" id ="send" value ="Ajax获取" />
<div class ="comment">已有评论:</div>
<div id = "resText"></div>
</body>
</html>执行效果：
没有单击button的时候
单击button后
(2) 筛选载入的html文档
核心代码例如以下：
$("resText").load("test.html .para")执行效果例如以下：
(3)传递方式
load()方法的传递方式依据data来自己主动指定。假设没有參数传递。则採用 GET方式传递。反之，则採用POST方式。演示样例代码例如以下：
无參数传递是get方法
$("resText").load("test.php",function(){
})
$("resText").load("test.php",{name:"rain",age:"22"},function(){
})(4) 回调參数
对于必须在载入完毕后再能进行的操作。load()方法提供了回调函数(callback),该函数有三个參数分别代表请求返回的内容，请求状态和XMLHttpRequest对象，jQuery代码例如以下：
$("resText").load("test.php",function(responseText,textStatus,XMLHttpRequest){
//responseText 返回的内容
//textStatus 请求状态 success, error, notmodified,timeout
//XMLHttpRequest对象
})2。$.get()方法和$.post()方法
$.get()方法使用GET方法进行异步请求。
它的结构为：
$.get(url [,data] [,callback] [,type])參数解释例如以下：
$.post() 方法演示样例代码例如以下：
3，$.getScript()方法 和$.getJson()方法
(1), 有时候，在页面初次载入时取得所需的所有javaScript()文件是全然没有必要的。尽管能够在须要哪个 JavaScript的时候，动态的创建<script> 标签。jQuery代码例如以下：
$(document.createElement("script")).attr("src","test.js").appendTo("head");或者
$("<script type ='text/javaScript' src ='test.js'/>").appendTo("head");用$.getScript() 更加的简单
$.getScript("test.js")(2) $.getJson()方法
jQuery演示样例代码例如以下：
(4) $.ajax()方法
$.ajax() 方法是jQuery中Ajax的最底层实现。结构为：
$.ajax(options)參数说明例如以下：
演示样例代码例如以下：
$(function(){
$("send").click(function(){
$.ajax({
type:"GET",
url:"test.js",
dataType:"script"
});
});
})jQuery中Ajax全局事件还有其它几种。例如以下：
注意：
jQuery开发之Ajax的更多相关文章
- Python开发之AJAX
一.概述 对于WEB应用程序:用户浏览器发送请求,服务器接收并处理请求,然后返回结果,往往返回就是字符串(HTML),浏览器将字符串(HTML)渲染并显示浏览器上. 1.传统的Web应用:一个简单操作 ...
- Python开发之AJAX全套
概述 对于WEB应用程序:用户浏览器发送请求,服务器接收并处理请求,然后返回结果,往往返回就是字符串(HTML),浏览器将字符串(HTML)渲染并显示浏览器上. 1.传统的Web应用 一个简单操作需要 ...
- JQuery开发之Galleriffic图片插件介绍
Galleriffic是一个用于创建快速展示相册中照片的jQuery插件.从图一中可以看成,图片既可以以幻灯片的方式查看,也可以手动点击缩略图查看.Galleriffic还支持分页,从而使得它能够展示 ...
- python自动开发之(ajax)第二十天
1.Django请求的生命周期 路由系统 -> 试图函数(获取模板+数据=>渲染) -> 字符串返回给用户 2.路由系统 /index/ -> 函数或类.as_view() / ...
- Django开发之Ajax POST提交403报错
问题现象 Django开发时,前端post提交数据时,由于csrf机制,如果不做处理会报403报错 问题解决 通过在data字段中添加 csrfmiddlewaretoken: '{{ csrf_to ...
- Django开发之Ajax 返回内容报错
预期效果 Django通过Ajax POST提交数据,前台弹窗处理结果 粗略代码 # views.py 代码 ...省略... msg = { 'code': 200, 'message': 'Hel ...
- 转Python开发之AJAX全套
转自:https://www.cnblogs.com/nulige/p/6603415.html#4206261
- JavaEE开发之SpringMVC中的自定义消息转换器与文件上传
上篇博客我们详细的聊了<JavaEE开发之SpringMVC中的静态资源映射及服务器推送技术>,本篇博客依然是JavaEE开发中的内容,我们就来聊一下SpringMVC中的自定义消息转发器 ...
- Liferay7 BPM门户开发之37: Liferay7下的OSGi Hook集成开发
hook开发是Liferay客制扩展的一种方式,比插件灵活,即可以扩展liferay门户,也能对原有特性进行更改,Liferay有许多内置的服务,比如用hook甚至可以覆盖Liferay服务. 可作为 ...
随机推荐
- web开发框架Flask学习一
flask框架 用Python做Web开发的三大框架特点 Django 主要特点是大而全,集成了很多的组件,例如:Admin Form Model等,不管你用不用的到,他都会为 你提供,通常用于大型W ...
- Python9-继承2-day25（大年初二）
继承:什么是什么关系组合:什么有什么关系单继承 先抽象再继承,几个类直接的相同代码抽象出来,成为父类 子类自己没有的名字可以使用父类的方法和属性 如果子类自己有,一定先用自己的 在类中使用self的时 ...
- LeetCode 653. Two Sum IV – Input is a BST
Given a Binary Search Tree and a target number, return true if there exist two elements in the BST s ...
- PAT Basic 1010
1010 一元多项式求导 设计函数求一元多项式的导数.(注:x^n^(n为整数)的一阶导数为n*x^n-1^.) 输入格式:以指数递降方式输入多项式非零项系数和指数(绝对值均为不超过1000的整数). ...
- Android开发——Activity启动模式详解
1. Activity的启动模式 本文原创,转载请注明出处:http://blog.csdn.net/seu_calvin/article/details/52054893 1.1 Standard标 ...
- JMeter安装JSON Path Extractor插件
下载地址:https://jmeter-plugins.org/wiki/PluginsManager/ 先下载jmeter-plugins-manager-1.3.jar,点击下图中的JAR fil ...
- Linux cp复制
复制指定目录下的全部文件到另一个目录中文件及目录的复制是经常要用到的.linux下进行复制的命令为cp.假设复制源目录 为 dir1 ,目标目录为dir2.怎样才能将dir1下所有文件复制到dir2下 ...
- Leetcode 402.移掉k位数字
移调k位数字 给定一个以字符串表示的非负整数 num,移除这个数中的 k 位数字,使得剩下的数字最小. 注意: num 的长度小于 10002 且 ≥ k. num 不会包含任何前导零. 示例 1 : ...
- PC端有什么好用的倍速播放的软件?
倍速播放的目的是让自己可以以更快的速度去看视频, 加快获取信息的效率 potplay吧,和KMP是一个作者.加速播放快捷键是c,减速时x,z恢复正常.下载官网 Global Potplayer
- 【bzoj2238】Mst（树链剖分+线段树）
2238: Mst Time Limit: 20 Sec Memory Limit: 256 MBSubmit: 465 Solved: 131[Submit][Status][Discuss] ...