1. 使用jQuery对象.load()方法
  2. load() 方法的作用是可以通过 AJAX 请求从服务器加载数据，并把返回的数据直接放置到指定的元素中。
  3.  
  4. 该方法使用起来非常简单，大大简化了ajax开发
  5.  
  6. 语法 ： jQuery对象 . load(url, param ,callback);
  7.  
  8. url 访问服务器地址
  9. param 发送给服务器参数
  10. callback 当正常返回后 执行回调函数
  11.  
  12. 注意：如果 param存在，以POST方式请求， 如果param 不存在，以GET方式请求
  13.  
  14. 示例
  15. 1、基本使用
  16. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  17. <html>
  18. <head>
  19. <!-- 引入jquery开发包 -->
  20. <script type="text/javascript" src="js/jquery-1.12.3.js"></script>
  21. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  22. <script type="text/javascript">
  23.     function test() {
  24.        //发送ajax请求，并将返回的响应结果直接赋给div
  25.         $("#mydiv").load("servlet/test1",{"str":"你很好","str2":"你很坏"});
  26.     }
  27. </script>
  28. </head>
  29. <body>
  30.     <button onclick="test();">点我</button>
  31.     <div id="mydiv">初始内容</div>
  32. </body>
  33. </html>
  34.  
  35. 2、callback使用
  36. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  37. <html>
  38. <head>
  39. <!-- 引入jquery开发包 -->
  40. <script type="text/javascript" src="js/jquery-1.12.3.js"></script>
  41. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  42. <script type="text/javascript">
  43.     function test() {
  44.        //发送ajax请求，并将返回的响应结果直接赋给div
  45.         $("#mydiv").load("servlet/test1",{"str":"你很好","str2":"你很坏"},function(data){
  46.             //回调函数里面的内容
  47.             alert(data);
  48.         });
  49.     }
  50. </script>
  51. </head>
  52. <body>
  53.     <button onclick="test();">点我</button>
  54.     <div id="mydiv">初始内容</div>
  55. </body>
  56. </html>
  57.  
  58. 注意：回调函数在load填充完数据了之后执行

　　项目代码实例：

  1. function loadLastInfo(detail){
  2.     $('#myform').form('load', { // 调用load方法把所选中的数据load到表单中,非常方便
  3.         customerCommisonType : detail.customerCommisonType,
  4.         customerCommison : detail.customerCommison,
  5.         otherPay : detail.otherPay,
  6.         otherPay01 : detail.otherPay01,
  7.         otherPay02 : detail.otherPay02,
  8.         otherPay03 : detail.otherPay03,
  9.         otherPay04 : detail.otherPay04,
  10.         otherPay05 : detail.otherPay05,
  11.         otherPay06 : detail.otherPay06,
  12.         otherPay07 : detail.otherPay07,
  13.         otherPay08 : detail.otherPay08,
  14.         otherPay09 : detail.otherPay09,
  15.         otherPay10 : detail.otherPay10,
  16.         otherPay11 : detail.otherPay11,
  17.         otherPay12 : detail.otherPay12,
  18.         isAudit : detail.audit,
  19.         isPriority : detail.isPriority,
  20.         remarks : detail.remarks
  21.     });
  22. }

jquery load 方法回显数据的更多相关文章

  1. 在 ASP.NET 中使用 jQuery.load() 方法

    今天就让我们看看在 ASP.NET 中使用 jQuery.load() 方法来调用 ASP.NET 的方法,实现无刷新的加载数据. 使用 jQuery 的朋友应该知道可以使用 jQuery.load( ...

  2. 使用load()方法异步请求数据

    使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为: load(url,[data],[callback]) 参数url为加载服务器地址,可选项d ...

  3. 使用Jquery.load()方法,出现-此页的状态信息无效，可能已损坏。[转]

    今天遇到此页的状态信息无效,可能已损坏,在以下页面找到解决办法,特记录下来: 转自:http://www.cnblogs.com/liuwenlong/archive/2011/05/09/20410 ...

  4. JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】

    什么是EL表达式? 表达式语言(Expression Language,EL),EL表达式是用"${}"括起来的脚本,用来更方便的读取对象! EL表达式主要用来读取数据,进行内容的 ...

  5. 关于IE8中使用Jquery load方法无法正常加载页面

    最近发现,在IE8中使用Jquery load方法时无法正常加载页面,页面显示空白,没有加载.调试发现,页面多了一个</div>标签,但在FF和CH下表现正常.希望能给遇到同样问题的码农有 ...

  6. jquery load() 方法 语法

    jquery load() 方法 语法 作用:当指定的元素(及子元素)已加载时,会发生 load() 事件.该事件适用于任何带有 URL 的元素(比如图像.脚本.框架.内联框架).根据不同的浏览器(F ...

  7. libevent的使用方法--回显服务器的简单实例

    #include <event.h> #include <sys/types.h> #include <sys/socket.h> #include <net ...

  8. 【TP3.2+onethink1.0】2个Ueditor 回显数据，第2个会把第1个覆盖

    1.最近在使用onethink1.0 框架进行二次开发,在编辑页面,生成2个ueditor 在数据回显的时候,发现第2个ueditor的数据会覆盖第1个ueditor,咋办? 2.原因: 3.解决方法 ...

  9. jQuery load()方法用法集锦！

    调用load方法的完整格式是:DE>load( url, [data], [callback] ),其中DE> DE>urlDE>:是指要导入文件的地址. DE>data ...

随机推荐

  1. [New learn] 网络基础-apache本地服务搭建(支持php)

    1.简介 无网不利,无网不胜.对于移动应用来说离开网络那和咸鱼有什么分别?所以对于开发者来说更要学习好网络开发的技术. 2.搭建apache本地服务器 1.在finder中显示影藏的用户文件夹 fin ...

  2. FS Shell命令

    HDFS命令基本格式 hadoop fs -cmd args hdfs dfs -cmd args cat hadoop fs -cat URI [URI .....] 将路径指定文件的内容输出到st ...

  3. Linux 基础——查看文件内容的命令

    第四天,继续学习.今天看到一句话,"你以为你以为的就是你以为的吗?",这句话还是有点意思啊!!! 一.查看文件内容的命令 file dest:查看文件的类型.在Linux中,文件的 ...

  4. [知识复习] C语言文件读写

    文件打开 fopen() 返回FILE* 对象,如果打开失败返回NULL,错误代码存入errno中 FILE *fopen( const char * filename, const char * m ...

  5. mysql中的制表符替换

    -- 问题重现set @v_t='    ';select hex(@v_t) -- 原因:    -- ASCII格式的hex进展ox09对应char为(ht)制表tab,喔原来是有很多的制表符吧. ...

  6. WebDriver自动化测试工具(2)---基本操作

    一.设置打开的浏览器大小/位置 driver.Manage().Window.Maximize(); //最大化 driver.Manage().Window.Position = , ); //设置 ...

  7. 追忆似水流年sed

    sed是一种非交互式的流编辑器,默认情况下并不会修改源文件内容,只是把命令的结果输出处理单位:行功能:查找替换.添加.插入.删除适用场景:常规编辑器难以胜任的文本:大文件(几百兆):有规律的文本修改操 ...

  8. Linux各发行版本及其软件包管理方法

    Linux发行版本有很多,按照使用领域分为桌面系统领域和服务器领域.下面简要介绍如下: 1.Red Hat和Fedora:redhat最早发行的个人版本的Linux,自从Red Hat 9.0版本发布 ...

  9. Python BeautifulSoup 简单笔记

    Beautiful Soup 是用 Python 写的一个 HTML/XML 的解析器,它可以很好的处理不规范标记并生成剖析树.通常用来分析爬虫抓取的web文档.对于 不规则的 Html文档,也有很多 ...

  10. python怎么解压压缩的字符串数据

    范例1: gzip import StringIO import gzip compresseddata = gzip方式压缩的字符串(html) compressedstream = StringI ...