使用jQuery对象.load()方法 load() 方法的作用是可以通过 AJAX 请求从服务器加载数据，并把返回的数据直接放置到指定的元素中。 该方法使用起来非常简单，大大简化了ajax开发 语法 ： jQuery对象 . load(url, param ,callback); url 访问服务器地址 param 发送给服务器参数 callback 当正常返回后 执行回调函数 注意：如果 param存在，以POST方式请求， 如果param 不存在，以GET方式请求 示例 1、基本使用 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <!-- 引入jquery开发包 --> <script type="text/javascript" src="js/jquery-1.12.3.js"></script> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function test() { //发送ajax请求，并将返回的响应结果直接赋给div $("#mydiv").load("servlet/test1",{"str":"你很好","str2":"你很坏"}); } </script> </head> <body> <button onclick="test();">点我</button> <div id="mydiv">初始内容</div> </body> </html>
2、callback使用 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <!-- 引入jquery开发包 --> <script type="text/javascript" src="js/jquery-1.12.3.js"></script> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function test() { //发送ajax请求，并将返回的响应结果直接赋给div $("#mydiv").load("servlet/test1",{"str":"你很好","str2":"你很坏"},function(data){ //回调函数里面的内容 alert(data); }); } </script> </head> <body> <button onclick="test();">点我</button> <div id="mydiv">初始内容</div> </body> </html> 注意：回调函数在load填充完数据了之后执行
项目代码实例：
function loadLastInfo(detail){ $('#myform').form('load', { // 调用load方法把所选中的数据load到表单中,非常方便 customerCommisonType : detail.customerCommisonType, customerCommison : detail.customerCommison, otherPay : detail.otherPay, otherPay01 : detail.otherPay01, otherPay02 : detail.otherPay02, otherPay03 : detail.otherPay03, otherPay04 : detail.otherPay04, otherPay05 : detail.otherPay05, otherPay06 : detail.otherPay06, otherPay07 : detail.otherPay07, otherPay08 : detail.otherPay08, otherPay09 : detail.otherPay09, otherPay10 : detail.otherPay10, otherPay11 : detail.otherPay11, otherPay12 : detail.otherPay12, isAudit : detail.audit, isPriority : detail.isPriority, remarks : detail.remarks }); }