使用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

    });

}

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. docker配置桥接网络

    [root@localhost ~]# cd /etc/sysconfig/network-scripts/ [root@localhost network-scripts]# cp ifcfg-et ...

  2. css3属性书写的时候带的一些前缀的意思

    使用css3属性时,大部分都要带这些识别前缀,早期点的浏览器才能识别.现在最新版的浏览器基本都支持css3 基本都不用写前缀 ,写前缀是为了向前兼容老版本的浏览器而已. -ms-transform: ...

  3. 测试php单例模式和静态访问，实例化访问的效率

    // 测试的类class Memory { private static $a= null; public function __construct() { return self::$a; } pu ...

  4. css设置div等标签背景半透明

    三种方式: 1. background-color: transparent; 直接设置背景为透明 2.这种是子元素也会跟着变成半透明 /* 背景半透明,1为不透明 */ opacity: 0.5; ...

  5. 当你用element-ui遇到需要在el-table-column上v-for时，这篇文章你能用的上，也就是你需要二级循环

    好链接就要丢过去 https://blog.csdn.net/qq_28929589/article/details/79445354

  6. redis之（一）redis的简单介绍

    ［一］:概念 --->Redis是一个开源的,高性能的,基于键值对的缓存与存储系统 --->Redis数据库中的多有数据都存储在内存中,由于内存的读写速度远快于硬盘,一秒读写超过10万键值 ...

  7. Python图像处理库(1)

    转自:http://www.ituring.com.cn/tupubarticle/2024 第 1 章 基本的图像操作和处理 本章讲解操作和处理图像的基础知识,将通过大量示例介绍处理图像所需的 Py ...

  8. 用ab进行POST,GET压力测试，且定义header及json的内容

    这个以前没作过,找了文档.搞定. 要求时间的单curl测试的方式如下: time curl http://xxxxx/hq/restapi/isStart curl用来用post请求,且有header ...

  9. zabbix通过jvm监控tomcat

    说明:zabbix是通过jvm工具监控tomcat,zabbix server通过连接jvm代理服务器获取tomcat的各种参数 zabbix server:192.168.1.31 tomcat服务 ...

  10. "The /usr/local directory is not writable."解决方法

    sudo chown -R $(whoami) /usr/local brew prune