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的更多相关文章

  1. Python开发之AJAX

    一.概述 对于WEB应用程序:用户浏览器发送请求,服务器接收并处理请求,然后返回结果,往往返回就是字符串(HTML),浏览器将字符串(HTML)渲染并显示浏览器上. 1.传统的Web应用:一个简单操作 ...

  2. Python开发之AJAX全套

    概述 对于WEB应用程序:用户浏览器发送请求,服务器接收并处理请求,然后返回结果,往往返回就是字符串(HTML),浏览器将字符串(HTML)渲染并显示浏览器上. 1.传统的Web应用 一个简单操作需要 ...

  3. JQuery开发之Galleriffic图片插件介绍

    Galleriffic是一个用于创建快速展示相册中照片的jQuery插件.从图一中可以看成,图片既可以以幻灯片的方式查看,也可以手动点击缩略图查看.Galleriffic还支持分页,从而使得它能够展示 ...

  4. python自动开发之(ajax)第二十天

    1.Django请求的生命周期 路由系统 -> 试图函数(获取模板+数据=>渲染) -> 字符串返回给用户 2.路由系统 /index/ -> 函数或类.as_view() / ...

  5. Django开发之Ajax POST提交403报错

    问题现象 Django开发时,前端post提交数据时,由于csrf机制,如果不做处理会报403报错 问题解决 通过在data字段中添加 csrfmiddlewaretoken: '{{ csrf_to ...

  6. Django开发之Ajax 返回内容报错

    预期效果 Django通过Ajax POST提交数据,前台弹窗处理结果 粗略代码 # views.py 代码 ...省略... msg = { 'code': 200, 'message': 'Hel ...

  7. 转Python开发之AJAX全套

    转自:https://www.cnblogs.com/nulige/p/6603415.html#4206261

  8. JavaEE开发之SpringMVC中的自定义消息转换器与文件上传

    上篇博客我们详细的聊了<JavaEE开发之SpringMVC中的静态资源映射及服务器推送技术>,本篇博客依然是JavaEE开发中的内容,我们就来聊一下SpringMVC中的自定义消息转发器 ...

  9. Liferay7 BPM门户开发之37: Liferay7下的OSGi Hook集成开发

    hook开发是Liferay客制扩展的一种方式,比插件灵活,即可以扩展liferay门户,也能对原有特性进行更改,Liferay有许多内置的服务,比如用hook甚至可以覆盖Liferay服务. 可作为 ...

随机推荐

  1. 入门人工智能的首选语言为什么会是Python？

    为何人工智能(AI)首选Python?当你读完这篇文章就会明白了.为何人工智能(AI)首选Python?读完这篇文章你就知道了.我们看谷歌的TensorFlow基本上所有的代码都是C++和Python ...

  2. POJ-1061 青蛙的约会 （扩展欧几里得）

    [题目描述] 两只青蛙在网上相识了,它们聊得很开心,于是觉得很有必要见一面.它们很高兴地发现它们住在同一条纬度线上,于是它们约定各自朝西跳,直到碰面为止.可是它们出发之前忘记了一件很重要的事情,既没有 ...

  3. BZOJ 2508: 简单题

    题目大意: 加入直线,删除直线,求点到所有直线的距离的平方和. 题解: 把点到直线的距离公式写出来,然后展开.维护六个值,计算一个二元的多项式的最小值. 对x和y分别求导,导数都为零时取到极值.然后解 ...

  4. 【SaltStack】SaltStack研究心得

    基础篇 ------------------------------------------------------------------------------------------------ ...

  5. WordPress添加前台注册功能

    一.添加注册表单 1.首先在当前主题的目录下新建一个php文件,命名为reg-page.php,然后将page.php中的所有代码复制到reg-page.php中: 2.删除reg-page.php开 ...

  6. IS-IS IGP

    is-is  是igp的一种    属于osi的协议 OSI的三层是网络层      包含两种服务  一种是面向连接服务CONS       另一种是无连接服务CLNS CLNS中包含CLNP     ...

  7. [android篇]声明权限

    要实施您自己的权限,必须先使用一个或多个 <permission> 元素在 AndroidManifest.xml 中声明它们. 实际上,在开发过程中,当我们使用了某些系统特性的功能,且此 ...

  8. HDU 1071 The area ——微积分

    [题目分析] 求二次函数和一次函数围成的面积. 先解方程求出一次函数和二次函数. 然后积分. 现在还是不会积分. [代码] #include <cstdio> #include <c ...

  9. php 学习随笔

    ---恢复内容开始--- round进行格式化数值(进位规则遵守“四舍六入五双”,即前一位是奇数,则进一,前一位是偶数则舍入,因此,rount(1.5)=2,round(2.5)=2,round(0. ...

  10. 【bzoj1483】[HNOI2009]梦幻布丁 set

    [bzoj1483][HNOI2009]梦幻布丁 Description N个布丁摆成一行,进行M次操作.每次将某个颜色的布丁全部变成另一种颜色的,然后再询问当前一共有多少段颜色.例如颜色分别为1,2 ...