1。load()方法

(1)load()方法是jQuery中最经常使用和最简单的Ajax方法，能载入远程HTML代码，并插入代码中。

它的结构为：

  1. load(url [,data] [,callback])

load()方法解释例如以下表所看到的

演示样例代码例如以下：

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=GB18030">
  5. <title>jQuery test </title>
  6. <script type ="text/javascript" src ="jquery.js" ></script>
  7. <link href="styles.css" rel="stylesheet" type="text/css" />
  8. <script type ="text/javascript">
  9. $(document).ready(function(){
  11.     $("#send").click(function(){
  12.         $("#resText").load("test.html");
  14.     });
  16. });
  18. </script>
  19. </head>
  20. <body>
  22. <div class ="comment">
  23. <h6>张三：</h6>
  24. <p class ="para">沙发</p>
  25. </div>
  26. <div class ="comment">
  27. <h6>李四：</h6>
  28. <p class ="para">板凳</p>
  29. </div>
  30. <div class ="comment">
  31. <h6>王五：</h6>
  32. <p class ="para">地板</p>
  33. </div>
  34. <input type ="button" id ="send" value ="Ajax获取" />
  35. <div class ="comment">已有评论:</div>
  36. <div id = "resText"></div>
  38. </body>
  39. </html>

执行效果：

没有单击button的时候



单击button后

(2) 筛选载入的html文档

核心代码例如以下：

  1. $("resText").load("test.html .para")

执行效果例如以下：

(3)传递方式

load()方法的传递方式依据data来自己主动指定。假设没有參数传递。则採用 GET方式传递。反之，则採用POST方式。演示样例代码例如以下：

  1. 无參数传递是get方法
  2. $("resText").load("test.php",function(){
  4. })
  6. $("resText").load("test.php",{name:"rain",age:"22"},function(){
  8. })

(4) 回调參数

对于必须在载入完毕后再能进行的操作。load()方法提供了回调函数(callback),该函数有三个參数分别代表请求返回的内容，请求状态和XMLHttpRequest对象，jQuery代码例如以下：

  1. $("resText").load("test.php",function(responseText,textStatus,XMLHttpRequest){
  2. //responseText    返回的内容
  3. //textStatus    请求状态  success, error, notmodified,timeout
  4. //XMLHttpRequest对象
  5. })

2。$.get()方法和$.post()方法

$.get()方法使用GET方法进行异步请求。

它的结构为：

  1. $.get(url [,data] [,callback] [,type])

參数解释例如以下：

$.post() 方法演示样例代码例如以下：

3，$.getScript()方法 和$.getJson()方法

(1), 有时候，在页面初次载入时取得所需的所有javaScript()文件是全然没有必要的。尽管能够在须要哪个 JavaScript的时候，动态的创建<script> 标签。jQuery代码例如以下：

  1. $(document.createElement("script")).attr("src","test.js").appendTo("head");

或者

  1. $("<script type ='text/javaScript' src ='test.js'/>").appendTo("head");

用$.getScript() 更加的简单

  1. $.getScript("test.js")

(2) $.getJson()方法

jQuery演示样例代码例如以下：

(4) $.ajax()方法

$.ajax() 方法是jQuery中Ajax的最底层实现。结构为：

  1. $.ajax(options)

參数说明例如以下：



演示样例代码例如以下：

  1. $(function(){
  2. $("send").click(function(){
  3. $.ajax({
  4. type:"GET",
  5. url:"test.js",
  6. dataType:"script"
  7. });
  8. });
  9. })

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. Day05基本运算符，if判断和while循环

    day05 1.常量 变量名全大写 2.基本运算符 ①算术运算 10/3除法 10//3取整 10*3乘法 10**3幂 ②赋值运算 增量赋值 age += 1#age = age + 1 age * ...

  2. 【MySQL】Got fatal error 1236原因和解决方法

    一 前言  MySQL 的主从复制作为一项高可用特性,用于将主库的数据同步到从库,在维护主从复制数据库集群的时候,作为专职的MySQL DBA,笔者相信大多数人都会遇到“Got fatal error ...

  3. angular-websocket.js 使用

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. unittest和pytest对比

    一.用例编写规则 1.unittest提供了test cases.test suites.test fixtures.test runner相关的类,让测试更加明确.方便.可控.使用unittest编 ...

  5. LiveScript 字面量

        The LiveScript Book 字面值 Numbers .4是被视为无效的,你必须使用前导0.例如:0.4. 1.20162.12.343.0.4 数字之间的下划线和数值后追加的字母将 ...

  6. linux下查看进程（ps命令）

    转自:http://www.jb51.net/LINUXjishu/151851.html Linux中的ps命令是Process Status的缩写.ps命令用来列出系统中当前运行的那些进程.ps命 ...

  7. 【转】OPC远程访问相关配置信息

    原文:http://blog.gkong.com/kking_25653.ashx 对于远程访问OPC服务器,需要在客户和服务器计算机上都进行DCOM设置,本文提供一些具体配置方法.(by Kevin ...

  8. hlgoj 1766 Cubing

    模拟.下图是我做的小模型. #include <iostream> #include <stdio.h> #include <queue> #include < ...

  9. BZOJ 2190 [SDOI2008]仪仗队 ——Dirichlet积

    [题目分析] 考虑斜率为0和斜率不存在的两条线上只能看到3人. 其余的人能被看见,当且仅当gcd(x,y)=1 ,然后拿卷积算一算 发现就是欧拉函数的前缀和的二倍. 注意2的情况要特判. [代码] # ...

  10. 基于注解的 Spring MVC（上）

    什么是Spring MVC Spring MVC框架是一个MVC框架,通过实现Model-View-Controller模式来很好地将数据.业务与展现进行分离.从这样一个角度来说,Spring MVC ...